我们的联系人表单非常简单，包含三个文本字段，每个字段都有一个标签。

就 HTML 代码而言，我们需要如下的东西来实现这些表单小部件：

更新你的表单代码，使其看起来像上面的代码。

使用 元素可以使我们更加方便地构造我们自己的代码，并且更容易样式化（参见本文后面的内容）。为了可用性和无障碍，我们为每个表单控件包含一个明确的标签。注意在所有 元素上使用 for (en-US) 属性；它是将标签链接到表单控件的一种正规方式。这个属性引用对应的表单控件的 id。

这样做有一些好处。最明显的一个好处是允许用户单击标签以激活相应的表单控件，它还有助于使用屏幕阅读器的用户读取名称。如果你想更好地理解这个属性的其他好处，你可以找到如何构造 web 表单的详细信息。

在 元素中，最重要的属性是 type 属性。这个属性非常重要，因为它定义了 属性的行为方式。稍后你将在原生表单控件文章中找到更多关于此的内容。

最后但同样重要的是，要注意 和 的语法。这是 HTML 的一个奇怪之处。 标签是一个空元素，这意味着它不需要关闭标签。相反， 不是一个空元素，因此必须使用适当的结束标记来关闭它。这对 HTML 表单的特定特性有影响：定义默认值的方式。要定义 的默认值，你必须使用 value 属性，如下所示：

相反，如果你想定义 的默认值，你只需在 元素的开始和结束标记之间放置默认值，就像这样：