这些HTML表单字段是什么？

Question

我看到一些代码,html表单代码如下所示:

<form name="form1" method="post" action="action.php">
    <label for="name"> Name: <input type="text" name="name">
    <label for="email">Email: <input type="text" name="email">
</form>

"名称"的形式是什么？( - > form1)

什么是标签？(我从不使用它,所以,输入代码时我可能会错)

Answer 1

标签是输入字段旁边的文本片段 - 它们与普通文本看起来没有任何不同,但是:

• 点击它们会将焦点放在该字段上
• 屏幕阅读器会将它们读出来作为相应字段的描述.

它们对CSS也很有用 - 通过使用标签,您可以轻松地设置字段标签的样式,而与其他页面元素无关.

该form name属性使得从JavaScript引用表单变得更容易(尽管这些日子你会使用id它).

Answer 2

Label是一个标签,它将某个文本与表单元素相关联.这是显示每个输入框所用内容的推荐方式 - 屏幕阅读器和其他辅助功能软件将能够使用此元素告诉用户输入框的用途.它的样式可以与页面上的任何其他元素相同,甚至不必在输入旁边 - 只要名称相同,它就可以工作.请注意,实际上应该是正确的格式

<label for="name">Name:</label><input type="text" name="name" />
<label for="email">Email:</label><input type="text" name="email" />

有关label元素的更多信息,请访问http://www.w3.org/TR/html401/interact/forms.html#h-17.9-该页面包含大量有关HTML表单的信息.

表单元素的name属性可用于从javascript和css访问不同的表单,但不必包含它.根据http://www.w3.org/TR/html401/interact/forms.html#adef-name-FORM,它仅用于向后兼容 - 建议您改为使用id属性(或者也可以) .