0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-18 10:52:19 +01:00

Placeholder changes to input value in readonly input. (#34040)

* placeholder changes to input value

* Fix content and add value to readOnly input

* add value in readonly input

* Update site/content/docs/5.0/forms/form-control.md

Co-authored-by: Rajesh Kumar <https://github.com/rajesh2kumar96>
Co-authored-by: Patrick H. Lauke <redux@splintered.co.uk>
Co-authored-by: Mark Otto <otto@github.com>
This commit is contained in:
Rajesh Kumar 2021-06-03 11:44:10 +05:30 committed by GitHub
parent 46045b4a9b
commit 071a288d39
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -35,15 +35,15 @@ Add the `disabled` boolean attribute on an input to give it a grayed out appeara
{{< example >}} {{< example >}}
<input class="form-control" type="text" placeholder="Disabled input" aria-label="Disabled input example" disabled> <input class="form-control" type="text" placeholder="Disabled input" aria-label="Disabled input example" disabled>
<input class="form-control" type="text" placeholder="Disabled readonly input" aria-label="Disabled input example" disabled readonly> <input class="form-control" type="text" value="Disabled readonly input" aria-label="Disabled input example" disabled readonly>
{{< /example >}} {{< /example >}}
## Readonly ## Readonly
Add the `readonly` boolean attribute on an input to prevent modification of the input's value. Read-only inputs appear lighter (just like disabled inputs), but retain the standard cursor. Add the `readonly` boolean attribute on an input to prevent modification of the input's value.
{{< example >}} {{< example >}}
<input class="form-control" type="text" placeholder="Readonly input here..." aria-label="readonly input example" readonly> <input class="form-control" type="text" value="Readonly input here..." aria-label="readonly input example" readonly>
{{< /example >}} {{< /example >}}
## Readonly plain text ## Readonly plain text