css – 我们应该放进去吗？

参见英文答案 > Should I put input tags inside a label tag?12个
我在同一个表单示例中看到了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>

至于“为什么” – 在< fieldset>中,单选按钮被放在标签中,因此标签和它的单选按钮之间不会有不可忽略的间隙.

原文地址：https://www.jb51.cc/css/217943.html