label标签是否适用于单选按钮?如果是这样,你如何使用它?我有一个显示如下的表单:
First Name: (text field)
Hair Color: (color drop-down)
Description: (text area)
Salutation: (radio buttons for Mr., Mrs., Miss)
Run Code Online (Sandbox Code Playgroud)
我想使用label左列中每个标签的标签来定义它与右列中相应控件的连接.但是,如果我用一个单选按钮,该规范似乎表明,突然实际的"称呼"标签的形式控制不再是属于label标签,而是选择"先生,太太,等等." 进入label标签.
我一直是可访问性和语义网的粉丝,但这种设计对我来说没有意义.该label标签显式声明的标签.该option标记选择选项.如何label在一组单选按钮的实际标签上声明?
更新: 这是一个代码示例:
<tr><th><label for"sc">Status:</label></th>
<td> </td>
<td><select name="statusCode" id="sc">
<option value="ON_TIME">On Time</option>
<option value="LATE">Late</option>
</select></td></tr>
Run Code Online (Sandbox Code Playgroud)
这非常有效.但与其他表单控件不同,单选按钮为每个值都有一个单独的字段:
<tr><th align="right"><label for="???">Activity:</label></th>
<td> </td>
<td align="left"><input type="radio" name="es" value="" id="es0" /> Active  
<input type="radio" name="es" value="ON_TIME" checked="checked" id="es1" /> Completed on Time  
<input type="radio" name="es" value="LATE" id="es2" /> …Run Code Online (Sandbox Code Playgroud) 没有找到任何实际的代码只是在这个方向的正确方向.
反正有没有增加按钮的目标区域但不增加它的大小?例如,我可以有效地在按钮周围添加一个5-10px的区域,仍然可以算作单击按钮.
我所看到的所有方法都增加了我不想做的按钮的实际大小,因为这会将其他元素推到位.我唯一的另一个想法是让任何可以确定最接近的可点击元素的点击的监听器,如果它在5-10px内,它就会触发它.