Consistency Update for label and input elements for last lessons (#36192)

* Updated to reflect the relationship between label and input elements

* Updated to reflect the relationship between label and input elements
pull/36245/head
Ugur Yilmaz 2019-06-09 22:47:50 +03:00 committed by Jonathan Grah
parent 8cb540fe85
commit 2a18b1a308
2 changed files with 20 additions and 20 deletions

View File

@ -56,11 +56,11 @@ tests:
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<form action="/submit-cat-photo"> <form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" value="indoor"> Indoor</label> <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor" value="indoor"> Indoor</label>
<label><input type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label><br> <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label><br>
<label><input type="checkbox" name="personality" value="loving"> Loving</label> <label for="loving"><input id="loving" type="checkbox" name="personality" value="loving"> Loving</label>
<label><input type="checkbox" name="personality" value="lazy"> Lazy</label> <label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
<label><input type="checkbox" name="personality" value="energetic"> Energetic</label><br> <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label><br>
<input type="text" placeholder="cat photo URL" required> <input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button> <button type="submit">Submit</button>
</form> </form>
@ -96,11 +96,11 @@ tests:
<li>other cats</li> <li>other cats</li>
</ol> </ol>
<form action="/submit-cat-photo"> <form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label> <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label><br> <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label><br>
<label><input type="checkbox" name="personality" value="loving" checked> Loving</label> <label for="loving"><input id="loving" type="checkbox" name="personality" value="loving" checked> Loving</label>
<label><input type="checkbox" name="personality" value="lazy"> Lazy</label> <label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
<label><input type="checkbox" name="personality" value="energetic"> Energetic</label><br> <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label><br>
<input type="text" placeholder="cat photo URL" required> <input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button> <button type="submit">Submit</button>
</form> </form>

View File

@ -62,11 +62,11 @@ tests:
</ol> </ol>
<form action="/submit-cat-photo"> <form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label> <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label><br> <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label><br>
<label><input type="checkbox" name="personality" checked> Loving</label> <label for="loving"><input id="loving" type="checkbox" name="personality" value="loving" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label> <label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label><br> <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label><br>
<input type="text" placeholder="cat photo URL" required> <input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button> <button type="submit">Submit</button>
</form> </form>
@ -103,11 +103,11 @@ tests:
</ol> </ol>
</div> </div>
<form action="/submit-cat-photo"> <form action="/submit-cat-photo">
<label><input type="radio" name="indoor-outdoor" checked> Indoor</label> <label for="indoor"><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
<label><input type="radio" name="indoor-outdoor"> Outdoor</label><br> <label for="outdoor"><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label><br>
<label><input type="checkbox" name="personality" checked> Loving</label> <label for="loving"><input id="loving" type="checkbox" name="personality" value="loving" checked> Loving</label>
<label><input type="checkbox" name="personality"> Lazy</label> <label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
<label><input type="checkbox" name="personality"> Energetic</label><br> <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label><br>
<input type="text" placeholder="cat photo URL" required> <input type="text" placeholder="cat photo URL" required>
<button type="submit">Submit</button> <button type="submit">Submit</button>
</form> </form>