34、表单数据处理与输入控件全解析

表单数据处理与输入控件全解析

在网页开发中，表单是收集用户信息的重要工具。下面将详细介绍表单数据的命名、标签、分组，以及各种表单输入控件的使用方法。

表单数据命名

无论输入元素的类型如何，都必须为其收集的数据命名。每个输入项可以使用任何喜欢的名称，只要表单上的每个名称不同（单选按钮和复选框除外）。当表单由后端脚本处理时，每个数据项都通过名称进行标识。例如，如果用户在前面定义的文本框中输入 “Jane Doe”，则会向表单处理脚本发送一个变量，变量名为 “user_name”，值为 “Jane Doe”。

在 JavaScript 中使用文本字段时，要记住文本对象使用 name 属性。例如，引用前面代码段中字段的值可以这样写：

document.formname.user_name.value

表单数据标签

为表单数据添加标签与使用 name 或 id 属性来标识表单元素以供后续使用不同。 <label></label> 标签对环绕的文本充当表单元素的一种标题。表单元素的 <label> 为元素提供了额外的上下文，这对屏幕阅读器软件尤为重要。

以下是两个不同的示例：

<p><label class="question" for="the