HTML输入类型-3.3HTML表单

本章描述 元素的输入类型。

公司主营业务：成都做网站、网站制作、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联建站是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联建站推出沈北新免费做网站回馈大家。

 定义供文本输入的单行输入字段：

以上 HTML 代码在浏览器中看上去是这样的：

 定义密码字段：

以上 HTML 代码在浏览器中看上去是这样的：

注释：password 字段中的字符会被做掩码处理（显示为星号或实心圆）。

 定义提交表单数据至表单处理程序的按钮。

表单处理程序（form-handler）通常是包含处理输入数据的脚本的服务器页面。

在表单的 action 属性中规定表单处理程序（form-handler）：

以上 HTML 代码在浏览器中看上去是这样的：

如果您省略了提交按钮的 value 属性，那么该按钮将获得默认文本：

定义单选按钮。

Radio buttons let a user select ONLY ONE of a limited number of choices:

以上 HTML 代码在浏览器中看上去是这样的：

定义复选框。

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

以上 HTML 代码在浏览器中看上去是这样的：

以上 HTML 代码在浏览器中看上去是这样的：

HTML5 增加了多个新的输入类型：

注释：老式 web 浏览器不支持的输入类型，会被视为输入类型 text。

 用于应该包含数字值的输入字段。

您能够对数字做出限制。

根据浏览器支持，限制可应用到输入字段。

这里列出了一些常用的输入限制（其中一些是 HTML5 中新增的）：

您将在下一章学到更多有关输入限制的知识。

 用于应该包含日期的输入字段。

根据浏览器支持，日期选择器会出现输入字段中。

您可以向输入添加限制：

 用于应该包含颜色的输入字段。

根据浏览器支持，颜色选择器会出现输入字段中。

 用于应该包含一定范围内的值的输入字段。

根据浏览器支持，输入字段能够显示为滑块控件。

您能够使用如下属性来规定限制：min、max、step、value。

 允许用户选择月份和年份。

根据浏览器支持，日期选择器会出现输入字段中。

 允许用户选择周和年。

根据浏览器支持，日期选择器会出现输入字段中。

 允许用户选择时间（无时区）。

根据浏览器支持，时间选择器会出现输入字段中。

 允许用户选择日期和时间（有时区）。

根据浏览器支持，日期选择器会出现输入字段中。

 允许用户选择日期和时间（无时区）。

根据浏览器支持，日期选择器会出现输入字段中。

 用于应该包含电子邮件地址的输入字段。

根据浏览器支持，能够在被提交时自动对电子邮件地址进行验证。

某些智能手机会识别 email 类型，并在键盘增加 ".com" 以匹配电子邮件输入。

 用于搜索字段（搜索字段的表现类似常规文本字段）。

 用于应该包含电话号码的输入字段。

目前只有 Safari 8 支持 tel 类型。

 用于应该包含 URL 地址的输入字段。

根据浏览器支持，在提交时能够自动验证 url 字段。

某些智能手机识别 url 类型，并向键盘添加 ".com" 以匹配 url 输入。