mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-17 19:21:23 +03:00
Code Activity

v5: Add disabled examples for .form-control, .form-select, and .form-range (#31686)

Browse Source 
* Add disabled state example to the .form-control page

* Document disabled attribute on select too

* Add disabled example for file input

Co-authored-by: XhmikosR <xhmikosr@gmail.com>
This commit is contained in:
Mark Otto
2020-09-29 11:39:37 -07:00
committed by GitHub
parent cda9278f49
commit 319954d369
3 changed files with 31 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/content/docs/5.0/forms/form-control.md
+9
View File
@@ -29,6 +29,15 @@ Set heights using classes like `.form-control-lg` and `.form-control-sm`.
<input class="form-control form-control-sm" type="text" placeholder=".form-control-sm" aria-label=".form-control-sm example">
{{< /example >}}
## Disabled
Add the `disabled` boolean attribute on an input to give it a grayed out appearance and remove pointer events.
{{< example >}}
<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>
{{< /example >}}
## 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.