html 表单用于收集用户输入的各类信息。
1）例子
文本域
这个例子演示了如何在一个 HTML 页中创建文本域。用户可以在文本域中输入文本。
密码框
这个例子演示了如何在 HTML 页中创建密码输入框。
(本文后面提供更多的例子)
立即学习“前端免费学习笔记（深入）”；
2）表单
表单是包含表单内各个元素的表单域。
表单域内的表单元素允许用户输入相关信息(如文本输入框、文本区域、下拉列表、单选按钮、复选按钮，等等)。
表单由标记
3）输入
表单中最常用的标记为输入标记 。输入的类型由属性 type 指定。最常用的输入类型有下面几种(4～6所示)。
4）文本域
当用户需要在表单中输入字母、数字，等内容时，需要使用文本域。
上述代码执行结果：
注意到：表单本身不显示，并且在大多数浏览器中，文本域的默认可输入字符数为20。
5）单选按钮
单选按钮用于向用户提供在有限选项内选择一项的交互入口。
上述代码执行结果：
注意，只能选择其中的一个选项。
6）复选框
复选框用于向用户提供在有限选项内选择若干项的交互入口。
上述代码执行结果：
7）表单的 Action 属性和提交表单按钮(Submit Button)
当用户单击表单中的提交表单按钮("Submit")时，表单中的内容就会被发送到另一个文件(该文件通常是一个脚本)进行相应处理。表单的 action 属性就是定义了由哪个脚本文件进行处理表单所提交的内容(一般把该脚本文件的名字或者完整路径赋值给 action 属性即可)。脚本文件通常会处理表单提交上来的数据信息。
method="get">
Username:
上述代码执行结果：
如果你在上面的文本输入框中输入一些内容，然后单击提交按钮("Submit")，你将会把你输入的信息提交到一个叫 "html_form_action.asp" 的页面(这是个脚本)，此脚本文件将向你输出收集到的信息。
{
注意到这里会生成一个报告出错的页面，因为这里的脚本文件：“html_form_action.asp”不是新浪博客系统里面的文件，这里只是演示用。在你的网站中，你必须指定你自己的脚本文件。
}
8）更多例子
住哪酒店分销联盟是住哪网提供的一个网络分销预订平台。加入该本台，您可以通过在您网站或博客上展示图片、文字链接或搜索框，只要通过您的展示预订并入住的订单，您将得到至少12元/间夜的佣金。 加入条件非常宽松，如您经营的是商业性质还是个人性质的网站，可以通过本站提供的API接口，建立一个频道，一方面丰富网站内容，另一方面增加网站收入；如果您在其它网站上有博客，可以通过文字和图片链接，只要通过您的链接预
复选框
这个例子演示了如何在一个 HTML 页中创建复选框。对于复选框的各项，用户可以勾选也可以不勾选。
单选按钮
这个例子演示了如何在一个 HTML 页中创建单选按钮。
下拉列表框
这个例子演示了如何在一个 HTML 页中创建一个简单的下拉列表框。下拉列表框实际是一个提供可选项的列表框。
指定某一选项为当前选项的下拉列表框
这个例子演示了如何创建一个指定当前选定项的下拉列表。
文件区域
这个例子演示了如何创建一个文本区域(多行文本输入控制)。用户可以向文本区域输入文本，并且输入的字符数没有限制。
创建一个按钮
这个例子演示了如何创建一个按钮，并且自己定义按钮上的描述文字。
数据集
这个例子演示了如何创建一个性质相同的数据集，所有数据用一边框包围起来。
9）表单类范例
带文本输入字段和提交按钮的表单
这个例子演示了如何向一个 HTML 页中添加表单，表单中包括文本输入字段和提交按钮。
带复选框的表单
这个例子演示了一个包含两个复选框和一个提交按钮的表单。
带单选按钮的表单
这个例子演示了一个包含两个单选按钮和一个提交按钮的表单。
通过表单发送邮件
这个例子演示了如何通过表单发送邮件。
10）表单相关标记
标记
说明
