属性在文本字段中的重要性name

　　提交表单并将其发送到服务器时，服务器需要区分和区分它收集的不同类型的提交数据。

　　例如，它需要知道哪个是用户名，哪个是密码，哪个是电子邮件地址。

　　这意味着每个文本字段都需要一个属性和一个值，以使提交的数据类型更清晰。name

　　例如，您可以使用以下内容提示某人在文本字段中输入其全名：

　　假设用户在文本字段中输入名称“约翰·贝克斯利”。然后，这将成为属性的值。name

　　如前所述，表单中的数据以名称-值对的形式发送。在这种情况下，服务器将知道用户的 是 ，具体来说它看起来像 。name John Bexley name=John Bexley

　　再举个例子：

　　上面的代码有两个单独的文本字段，供用户分别输入他们的名字和姓氏。

　　如果他们输入“John”作为名字，则发送到服务器的名称-值对将是 。first_name=John"

　　如果他们输入“Bexley”作为姓氏，则发送到服务器的名称值对将是 。last_name=Bexley

　　如何使文本信息成为必需

　　您可以将其设置为某些字段是必需的，并且需要由用户填写。

　　HTML5 引入了客户端验证。

　　此功能在用户未填写必填字段或未正确输入信息时显示消息。这也意味着他们将无法提交表单。

　　要启用此功能，您需要做的就是将属性添加到 元素。此属性不需要具有值。required<input>

　　请记住，向元素添加多个属性时，不必按特定顺序添加元素。<input>

　　看看如果用户不填写其中一个字段会发生什么：

　　将显示一条消息，如果必填字段尚未完成，用户将无法提交表单。

　　如何在文本框中设置最小和最大字符数

　　您可以指定用户可以在文本字段中输入的最小和最大字符数。

　　若要创建最小字符数，请使用 属性。minlength

　　例如，您可以让它使用户的用户名长度至少为三个字符：

　　如果用户名短于三个字符，则用户将无法提交表单：

　　要限制用户在文本字段中输入的字符数，请使用 属性。maxlength

　　将 和 属性组合在一起的示例可能如下所示：minlength maxlength

　　在上面的示例中，用户的用户名长度必须至少为 3 个字符，并且不得超过 20 个字符。

　　如何形成控件label

　　到目前为止，我一直在使用元素在文本框之前编写一些文本，以这种方式提示用户并让他们知道他们需要输入的内容。<p>

　　但这不是最佳实践，也无法访问。

　　每个窗体控件(在本例中为每个文本字段)都应有自己的元素。<label>

　　这使得使用辅助技术(如屏幕阅读器)的视障用户可以访问表单。

　　使用它的一种方法是嵌套任何介绍性文本和 元素，如下所示：<input type="text"><label>

　　使用元素并具有相同结果的另一种方法是将其与元素分开。<label><input>

　　在这种情况下，需要将属性添加到 ，并将属性添加到 中，以便将两者彼此关联。for<label>id<input>的值将与 相同。fo rid

　　结论

　　总而言之，要在HTML中创建文本输入字段，您至少需要：

　　元素，通常位于 元素内部。<input><form>

　　将属性设置为具有 值 。这将创建一个单行文本输入字段。type text

　　不要忘记添加属性。这将标识所创建的每个窗体控件的信息，并使服务器更清楚地了解情况。name