更新时间:2023-11-10 10:59:10
从w3:标签本身可能位于相关控件之前,之后或周围。
< label for =lastname> Last Name< / label> ;< input type =textid =lastname/>
或
< input type =textid = lastname/>< label for =lastname> Last Name< / label>
或
< 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.