且构网

分享程序员开发的那些事...
且构网 - 分享程序员编程开发的那些事

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

更新时间:2023-11-10 10:59:10

从w3:标签本身可能位于相关控件之前,之后或周围。


$ b
< label for =lastname> Last Name< / label&gt ;< input type =textid =lastname/>



< input type =textid = lastname/>< label for =lastname> Last Name< / label>


$ b



< label> < input type =textname =lastname/>姓氏< / label>

注意第三种技术不能当表格用于布局时使用,在一个单元格中的标签和在另一个单元格中的相关表单字段。



任何一个都是有效的。我喜欢使用第一个或第二个示例,因为它为您提供了更多样式控制。


I was just wondering if there is a best practice concerning label and input tag :

classic way:

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

or

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

From w3: The label itself may be positioned before, after or around the associated control.

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

or

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

or

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

Note that the third technique cannot be used when a table is being used for layout, with the label in one cell and its associated form field in another cell.

Either one is valid. I like to use either the first or second example, as it gives you more style control.