<分区>
我在同一个表单示例中看到了 2 种不同的方法:
关于 http://www.alistapart.com/articles/prettyaccessibleforms/为什么他们在第一个 fieldset
中使用 2 个方法,他们在 label
之后保留 input
,在第二个 fieldset
中他们保留在label
之后输入。为什么?
<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>
为什么他们有时将 input
放在 label
之后,有时又放在里面?
更新:
在这里http://www.usability.com.au/resources/forms.cfm他们还在 label
之后保持 input
不在里面