|
2139 | 2139 | "description": [ |
2140 | 2140 | "You can use <code>radio buttons</code> for questions where you want the user to only give you one answer out of multiple options.", |
2141 | 2141 | "Radio buttons are a type of <code>input</code>.", |
2142 | | - "Each of your radio buttons can be nested within its own <code>label</code> element. By wrapping an <code>input</code> element inside of a <code>label</code> element it will autoatically associate the radio button input with the label element surrounding it.", |
| 2142 | + "Each of your radio buttons can be nested within its own <code>label</code> element. By wrapping an <code>input</code> element inside of a <code>label</code> element it will automatically associate the radio button input with the label element surrounding it.", |
2143 | 2143 | "All related radio buttons should have the same <code>name</code> attribute to create a radio button group. By creating a radio group, selecting any single radio button will automatically deselect the other buttons within the same group ensuring only one answer is provided by the user.", |
2144 | 2144 | "Here's an example of a radio button:", |
2145 | 2145 | "<blockquote><label> <br> <input type=\"radio\" name=\"indoor-outdoor\">Indoor <br></label></blockquote>", |
|
2287 | 2287 | "description": [ |
2288 | 2288 | "Forms commonly use <code>checkboxes</code> for questions that may have more than one answer.", |
2289 | 2289 | "Checkboxes are a type of <code>input</code>", |
2290 | | - "Each of your checkboxes can be nested within its own <code>label</code> element. By wrapping an <code>input</code> element inside of a <code>label</code> element it will autoatically associate the checkbox input with the label element surrounding it.", |
| 2290 | + "Each of your checkboxes can be nested within its own <code>label</code> element. By wrapping an <code>input</code> element inside of a <code>label</code> element it will automatically associate the checkbox input with the label element surrounding it.", |
2291 | 2291 | "All related checkbox inputs should have the same <code>name</code> attribute.", |
2292 | 2292 | "It is considered best practice to explicitly define the relationship between a checkbox <code>input</code> and its corresponding <code>label</code> by setting the <code>for</code> attribute on the <code>label</code> element to match the <code>id</code> attribute of the associated <code>input</code> element.", |
2293 | 2293 | "Here's an example of a checkbox:", |
|
0 commit comments