gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added 'Range' example, Update 'More Informations' (#27593)

Browse Source
This commit is contained in:
Smruti Ranjan Rana
2019-04-17 17:00:28 +05:30
committed by The Coding Aviator
parent edc9d0f134
commit 7e44e13b21
1 changed files with 18 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
guide/english/bootstrap/form-inputs/index.md
View File

@@ -11,6 +11,7 @@ Bootstrap supports the following form controls:
3. checkbox 3. checkbox
4. radio 4. radio
5. select 5. select
6. range
## Example Code Snippets ## Example Code Snippets
@@ -117,6 +118,21 @@ The following example contains a dropdown list (select list):
</div> </div>
``` ```
#### 6. Range
Select lists are used if you want to allow the user to pick from multiple options.
The following example contains a dropdown list (select list):
```html
<form>
<div class="form-group">
<label for="formControlRange">Example Range input</label>
<input type="range" class="form-control-range" id="formControlRange">
</div>
</form>
```
## How to make Bootstrap Inputs Accessible ## How to make Bootstrap Inputs Accessible
Input fields should have labels or some other form of identifier such as WAI-ARIA tags to meet the Web Input fields should have labels or some other form of identifier such as WAI-ARIA tags to meet the Web
@@ -136,6 +152,7 @@ that this label is definitely for this input field which will minimize confusion
a screen reader to visit a web site. a screen reader to visit a web site.
### More Information: ### More Informations:
[Forms - Bootstrap](https://getbootstrap.com/docs/4.1/components/forms/)
Code examples are from [W3Schools - Bootstrap Form Inputs](https://www.w3schools.com/bootstrap/bootstrap_forms_inputs.asp). Code examples are from [W3Schools - Bootstrap Form Inputs](https://www.w3schools.com/bootstrap/bootstrap_forms_inputs.asp).