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

feat(guide): add guide for HTML value attribute challenge (#35783)

Browse Source
This commit is contained in:
lasjorg
2019-05-03 17:16:50 +02:00
committed by Tom
parent e78b0b868f
commit 7573252fa0
1 changed files with 22 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
guide/english/certifications/responsive-web-design/basic-html-and-html5/use-the-value-attribute-with-radio-buttons-and-checkboxes/index.md Normal file
View File

@ -0,0 +1,22 @@
---
title: Use the value attribute with Radio Buttons and Checkboxes
---
## Use the value attribute with Radio Buttons and Checkboxes
To pass the challenge, add the `value` attribute to the `input` elements of type `checkbox` and `radio`. Use the `input` label text, in lowercase, as the value for the attribute. The `value` attribute will make sure the choices are identifiable when the form is submitted.
Example form with value attributes:
```html
<form action="/submit-sandwich">
<label><input type="radio" name="bread" value="wheat"> Wheat</label>
<label><input type="radio" name="bread" value="ciabatta"> Ciabatta</label><br>
<label><input type="checkbox" name="fillings" value="chicken"> Chicken</label>
<label><input type="checkbox" name="fillings" value="tuna"> Tuna</label>
<label><input type="checkbox" name="fillings" value="mayo"> Mayo</label><br>
<textarea placeholder="Allergies, and extra information"></textarea><br>
<button type="submit">Order Sandwich</button>
</form>
```