Click here to view more cat photos.
Things cats love:
- cat nip
- laser pointers
- lasagna
Top 3 things cats hate:
- flea treatment
- thunder
- other cats
radio buttons
来解决您希望用户仅从多个选项中给出一个答案的问题。单选按钮是一种input
。每个单选按钮都可以嵌套在自己的label
元素中。通过将input
元素包装在label
元素内部,它将自动将单选按钮输入与其周围的标签元素相关联。所有相关的单选按钮应具有相同的name
属性以创建单选按钮组。通过创建无线电组,选择任何单个单选按钮将自动取消选择同一组内的其他按钮,确保用户只提供一个答案。这是一个单选按钮的示例: <标签>最佳做法是在
<input type =“radio”name =“indoor-outdoor”>室内
</标签>
label
元素上设置for
属性,其值与input
元素的id
属性值相匹配。这允许辅助技术在标签和子input
元素之间创建链接关系。例如: <label for =“室内”>
<input id =“indoor”type =“radio”name =“indoor-outdoor”>室内
</标签>
indoor
选择,另一个应该可以选择outdoor
。两者都应该共享indoor-outdoor
的name
属性来创建一个无线电组。 indoor-outdoor
的name
属性。
testString: 'assert($("label > input[type="radio"]").filter("[name="indoor-outdoor"]").length > 1, "Give your radio buttons the name
attribute of indoor-outdoor
.");'
- text: 两个单选按钮元素中的每一个都应嵌套在自己的label
元素中。
testString: 'assert($("label > input[type="radio"]:only-child").length > 1, "Each of your two radio button elements should be nested in its own label
element.");'
- text: 确保每个label
元素都有一个结束标记。
testString: 'assert((code.match(/<\/label>/g) && code.match(/Click here to view more cat photos.
Things cats love:
Top 3 things cats hate: