committed by
mrugesh mohapatra
parent
ed9cce022e
commit
fbb9378ba6
@ -495,6 +495,7 @@
|
|||||||
"description": [
|
"description": [
|
||||||
"Improving accessibility with semantic HTML markup applies to using both appropriate tag names as well as attributes. The next several challenges cover some important scenarios using attributes in forms.",
|
"Improving accessibility with semantic HTML markup applies to using both appropriate tag names as well as attributes. The next several challenges cover some important scenarios using attributes in forms.",
|
||||||
"The <code>label</code> tag wraps the text for a specific form control item, usually the name or label for a choice. This ties meaning to the item and makes the form more readable. The <code>for</code> attribute on a <code>label</code> tag explicitly associates that <code>label</code> with the form control and is used by screen readers.",
|
"The <code>label</code> tag wraps the text for a specific form control item, usually the name or label for a choice. This ties meaning to the item and makes the form more readable. The <code>for</code> attribute on a <code>label</code> tag explicitly associates that <code>label</code> with the form control and is used by screen readers.",
|
||||||
|
"You learned about radio buttons and their labels in a lesson in the Basic HTML section. In that lesson, we wrapped the radio button input element inside a <code>label</code> element along with the label text in order to make the text clickable. Another way to achieve this is by using the <code>for</code> attribute as explained in this lesson.",
|
||||||
"The value of the <code>for</code> attribute must be the same as the value of the <code>id</code> attribute of the form control. Here's an example:",
|
"The value of the <code>for</code> attribute must be the same as the value of the <code>id</code> attribute of the form control. Here's an example:",
|
||||||
"<blockquote><form><br> <label for="name">Name:</label><br> <input type="text" id="name" name="name"><br></form><br></blockquote>",
|
"<blockquote><form><br> <label for="name">Name:</label><br> <input type="text" id="name" name="name"><br></form><br></blockquote>",
|
||||||
"<hr>",
|
"<hr>",
|
||||||
|
@ -1705,9 +1705,9 @@
|
|||||||
"id": "bad87fee1348bd9aedf08834",
|
"id": "bad87fee1348bd9aedf08834",
|
||||||
"title": "Create a Set of Radio Buttons",
|
"title": "Create a Set of Radio Buttons",
|
||||||
"description": [
|
"description": [
|
||||||
"You can use <code>radio buttons</code> for questions where you want the restrcit the user to only one answer out of multiple options.",
|
"You can use <code>radio buttons</code> for questions where you want the user to only give you one answer out of multiple options.",
|
||||||
"Radio buttons are a type of <code>input</code> field",
|
"Radio buttons are a type of <code>input</code>.",
|
||||||
"Each of your radio buttons should be nested within its own <code>label</code> element.",
|
"Each of your radio buttons should be nested within its own <code>label</code> element. Wrapping an <code>input</code> element inside of a <code>label</code> element makes the label text clickable.",
|
||||||
"All related radio buttons should have the same <code>name</code> attribute.",
|
"All related radio buttons should have the same <code>name</code> attribute.",
|
||||||
"Here's an example of a radio button:",
|
"Here's an example of a radio button:",
|
||||||
"<blockquote><label> <br> <input type=\"radio\" name=\"indoor-outdoor\">Indoor <br></label></blockquote>",
|
"<blockquote><label> <br> <input type=\"radio\" name=\"indoor-outdoor\">Indoor <br></label></blockquote>",
|
||||||
|
Reference in New Issue
Block a user