参见英文答案 >
Should I put input tags inside a label tag?12个
我在同一个表单示例中看到了2种不同的方法
我在同一个表单示例中看到了2种不同的方法
在http://www.alistapart.com/articles/prettyaccessibleforms/为什么他们在第一个字段集中使用2方法他们在第二个字段集中的labeland之后保持输入它们在标签之后保持输入.为什么？
<fieldset>
<legend>Delivery Details</legend>
<ol>
<li>
<label for="name">Name<em>*</em></label>
<input id="name" />
</li>
<li>
<label for="address1">Address<em>*</em></label>
<input id="address1" />
</li>
<li>
<label for="address2">Address 2</label>
<input id="address2" />
</li>
<li>
<label for="town-city">Town/City</label>
<input id="town-city" />
</li>
<li>
<label for="county">County<em>*</em></label>
<input id="county" />
</li>
<li>
<label for="postcode">Postcode<em>*</em></label>
<input id="postcode" />
</li>
<li>
<fieldset>
<legend>Is this address also your invoice »
address?<em>*</em></legend>
<label><input type="radio" »
name="invoice-address" /> Yes</label>
<label><input type="radio" »
name="invoice-address" /> No</label>
</fieldset>
</li>
</ol>
</fieldset>
为什么他们有时候在标签之后保留输入并且有时在里面？
更新：
这里http://www.usability.com.au/resources/forms.cfm他们也在标签不在里面后保持输入
解决方法
这是
according to the specs,适用于所有现代浏览器(但不适用于IE6 – 单击标签不会将焦点设置为输入控件,除非您包含id和for)：
<label>
Name: <input type="textBox" name="firstName" />
</label>
