🎊 HTML 表单

❮ HTML 与 XHTML 的区别

HTML 表单属性 ❯

HTML 表单

更新于 2026/4/26 0:17:49

HTML 表单用于搜集不同类型的用户输入。

实例

First name:

Last name:

亲自试一试 »

亲自试一试 »

在浏览器中看起来是这样的:

First name:

Last name:

注释: 表单本身并不可见。还要注意文本字段的默认宽度是 20 个字符。

元素

注意上面例子中 元素的用法。

标签为许多表单元素定义了一个标签。

元素对于屏幕阅读器用户很有用，因为当用户关注输入元素时，屏幕阅读器会大声读出标签。

元素还可以帮助那些很难单击很小区域（例如单选按钮或复选框）的用户，因为当用户单击 元素中的文本时，它会切换单选按钮/复选框。

标签的 for 属性应该等于 input 元素的 id 属性，以便将它们绑定在一起。

单选按钮输入

定义单选按钮。

单选按钮允许用户在有限数量的选项中选择其中之一:

实例

带有单选按钮的表单:

亲自试一试 »

单选按钮在浏览器看起来是这样的:

Male

Female

Other

复选框

定义复选框。

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

实例

带有复选框的表单:

亲自试一试 »

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

我有一辆自行车

我有一辆车

我有一条船

提交按钮

定义用于向表单处理程序（form-handler）提交表单的按钮。

表单处理程序通常是包含用来处理输入数据的脚本的服务器页面。

表单处理程序在表单的 action 属性中指定:

实例

带有提交按钮的表单: