HTML 表单

HTML 表单用于收集用户输入。用户输入通常被发送到服务器进行处理。

<form> 元素

HTML<form>元素用于创建用于用户输入的 HTML 表单：

这个<form>element 是不同类型输入元素的容器，例如：文本字段、复选框、单选按钮、提交按钮等。

本章涵盖了所有不同的表单元素：HTML 表单元素。

<input> 元素

HTML<input>element 是最常用的表单元素。

一个<input>元素可以通过多种方式显示，具体取决于type属性。

这里有些例子：

本章涵盖了所有不同的输入类型：HTML 输入类型。

文本字段

这个<input type="text">定义用于文本输入的单行输入字段。

这是上面的 HTML 代码在浏览器中的显示方式：

<label> 元素

注意使用<label>上例中的元素。

这个<label>tag 为许多表单元素定义了标签。

这个<label>元素对于屏幕阅读器用户很有用，因为当用户聚焦于输入元素时，屏幕阅读器会大声读出标签。

这个<label>元素还可以帮助那些难以单击非常小的区域（例如单选按钮或复选框）的用户 - 因为当用户单击该区域内的文本时<label>元素，它切换单选按钮/复选框。

这个for的属性<label>标签应该等于id的属性<input>将它们绑定在一起的元素。

单选按钮

这个<input type="radio">定义一个单选按钮。

单选按钮允许用户从有限数量的选项中选择一个。

这是上面的 HTML 代码在浏览器中的显示方式：

选择您最喜欢的网络语言：

复选框

这个<input type="checkbox">定义了一个复选框。

复选框允许用户从有限数量的选项中选择零个或多个选项。

这是上面的 HTML 代码在浏览器中的显示方式：

提交按钮

这个<input type="submit">定义一个用于将表单数据提交给表单处理程序的按钮。

表单处理程序通常是服务器上的一个文件，其中包含用于处理输入数据的脚本。

表单处理程序在表单的action属性。

这是上面的 HTML 代码在浏览器中的显示方式：

<input> 的名称属性

请注意，每个输入字段必须有一个name要提交的属性。

如果name省略属性，则根本不会发送输入字段的值。

HTML练习