|
radio buttons(单选按钮)就好比单项选择题,正确答案只有一个。
单选按钮只是input输入框的一种类型。
每一个单选按钮都应该嵌套在它自己的label(标签)元素中。
所有关联的单选按钮应该拥有相同的name属性。
下面是一个单选按钮的例子:
<label> <input type="radio" name="indoor-outdoor">Indoor </label>
最佳实践是在label元素上设置for属性,让其值与单选按钮的id属性值相等,这样就在label元素和它的子元素单选按钮之间创建了一种链接关系。例如:
<label for="indoor"> <input id="indoor" type="radio" name="indoor-outdoor">Indoor </label>
 复选框是input输入框的另一种类型。
每一个复选框都应该嵌套在它自己的label(标签)元素中。
所有关联的复选框应该拥有相同的name属性。
最佳实践是在label元素上设置for属性,让其值与复选框的id属性值相等,这样就在label元素和它的子元素复选框之间创建了一种链接关系。例如:
下面是一个复选框的例子:
<label for="loving"><input id="loving" type="checkbox" name="personality"> Loving</label>
只需给input元素添加 "checked" 属性
|