我应该将输入标签放在标签标签内吗？

我只是想知道是否有关于标签和输入标签的最佳做法：

经典之道：

<label for="myinput">My Text</label>
<input type="text" id="myinput" />

要么

<label for="myinput">My Text
   <input type="text" id="myinput" />
</label>

---

从W3开始：标签本身可以位于相关控件之前，之后或周围。

<label for="lastname">Last Name</label>
<input type="text" id="lastname" />

---

我更喜欢

<label>
  Firstname
  <input name="firstname" />
</label>

<label>
  Lastname
  <input name="lastname" />
</label>

过度

<label for="firstname">Firstname</label>
<input name="firstname" id="firstname" />

<label for="lastname">Lastname</label>
<input name="lastname" id="lastname" />

主要是因为它使HTML更具可读性。 实际上，我认为我的第一个示例更容易使用CSS进行样式设计，因为CSS对于嵌套元素非常适用。

但这是我想要的品味问题。

---

如果您需要更多样式选项，请添加跨度标签。

<label>
  <span>Firstname</span>
  <input name="firstname" />
</label>

<label>
  <span>Lastname</span>
  <input name="lastname" />
</label>

在我看来，代码仍然看起来更好。

---

如果将输入标签包含在标签标签中，则不需要使用'for'属性。

也就是说，我不喜欢在我的标签中包含输入标签，因为我认为它们是单独的，不包含实体。

链接地址: http://www.djcxy.com/p/71519.html

上一篇: Should I put input tags inside a label tag?

下一篇: Unobtrusive JavaScript: <script> at the top or the bottom of the HTML code?