w3school在线教程
HTML 基础教程HTMLXHTMLHTMLFormsHTML GraphicsHTML MediaHTML5HTMLAPI 示例/测验/摘要HTML 参考指南
网站建设者指南关于 W3School帮助 W3School
HTML 输入类型
本章描述元素的输入类型。
输入类型：文本
定义一个单行输入数组用于文本输入：
例子
First name:
Last name:
自己尝试一下
上面的 HTML 代码在浏览器中看起来像这样：
输入类型：密码
定义密码数组：
例子
User name:
User password:
自己尝试一下
上面的 HTML 代码在浏览器中看起来像这样：
注意：密码数组中的字符将被视为网段（显示为星号或实心圆）。
输入类型：提交
定义将表单数据提交给表单处理程序的按钮。
表单处理程序（表单处理程序）通常是包含处理输入数据的脚本的服务器页面。
在表单的action属性中指定表单处理程序（form-handler）：
例子
First name:
Last name:
自己尝试一下
上面的 HTML 代码在浏览器中看起来像这样：
如果省略提交按钮的 value 属性，按钮将获得默认文本：
例子
First name:
Last name:
自己尝试一下
输入类型：无线电
定义单选按钮。
单选按钮让用户仅选择有限数量的选项中的一个：
例子
Male
Female
自己尝试一下
上面的 HTML 代码在浏览器中看起来像这样：
输入类型：复选框
定义复选框。
复选框允许用户从有限数量的选项中选择零个或多个选项。
例子
I have a bike
I have a car
自己尝试一下
上面的 HTML 代码在浏览器中看起来像这样：
输入类型：按钮
定义键。
例子
自己尝试一下
上面的 HTML 代码在浏览器中看起来像这样：
HTML5 输入类型
HTML5 删除了多种新的输入类型：
注意：旧版 Web 浏览器不支持的输入类型将被视为输入类型文本。
输入类型：数字
对于应包含数值的输入数组。
您还可以对数量进行限制。
根据浏览器支持的不同，输入数组可能会受到限制。
例子
Quantity (between 1 and 5):
自己尝试一下
输入限制
以下是一些常用的输入约束（其中一些是 HTML5 中的新约束）：
属性描述
残疾人
指定应禁用输入数组。
最大限度
指定输入数组的最大值。
最长长度
指定输入数组的最大字符数。
分钟
指定输入数组的最小值。
图案
指定用于测试输入值的正则表达式。
只读
指定输入数组是只读的（难以更改）。
必需的
指定输入数组是必需的（required）。
尺寸
指定输入数组的长度（以字符为单位）。
步
指定输入数组的合法数字间隔。
价值
指定输入数组的默认值。
您将在下一章中了解有关输入约束的更多信息。
例子
Quantity:
自己尝试一下
输入类型：日期
对于应包含日期的输入数组。
根据浏览器支持html 分类，日期选择器将出现在输入数组中。
例子
Birthday:
自己尝试一下
您可以对输入添加限制：
例子
Enter a date before 1980-01-01:
Enter a date after 2000-01-01:
自己尝试一下
输入类型：颜色
对于应包含颜色的输入数组。
根据浏览器支持html 分类，颜色选择器将出现在输入数组中。
例子
Select your favorite color:
自己尝试一下
输入类型：范围
对于应包含一系列值的输入数组。
根据浏览器支持，输入数组必须显示为滑块控件。
例子
自己尝试一下
您还可以使用以下属性指定限制：最小值、最大值、步长、值。
输入类型：月份
允许用户选择月份和年份。
根据浏览器支持，日期选择器将出现在输入数组中。
例子
Birthday (month and year):
自己尝试一下
输入类型：周
允许用户选择一周和一年。
根据浏览器支持，日期选择器将出现在输入数组中。
例子
Select a week:
自己尝试一下
输入类型：时间
允许用户选择时间（没有时区）。
根据浏览器支持，时间选择器将出现在输入数组中。
例子
Select a time:
自己尝试一下
输入类型：日期时间
允许用户选择日期和时间（带时区）。
根据浏览器支持，日期选择器将出现在输入数组中。
例子
Birthday (date and time):
自己尝试一下
输入类型：日期时间本地
允许用户选择日期和时间（无时区）。
根据浏览器支持，日期选择器将出现在输入数组中。
例子
Birthday (date and time):
自己尝试一下
输入类型：电子邮件
对于应包含电子邮件地址的输入数组。
电子邮件地址只能在提交时手动验证，具体取决于浏览器支持。
某些智能手机会识别电子邮件类型，并将“.com”放在鼠标上以匹配电子邮件输入。
例子
E-mail:
自己尝试一下
输入类型：搜索
用于搜索数组（搜索数组的行为类似于常规文本数组）。
例子
Search Google:
自己尝试一下
输入类型：电话
对于应包含电话号码的输入数组。
目前仅Safari8支持tel类型。
例子
Telephone:
自己尝试一下
输入类型： 网址
应包含 URL 地址的输入数组。
根据浏览器支持，提交时可以手动验证url数组。
某些智能手机可识别 URL 类型，并将“.com”添加到键中以匹配 URL 输入。
例子
Add your homepage:
自己尝试一下
HTML 参考指南HTML 示例HTML 测验
W3School繁体英文版提供的内容仅供培训和测试之用，不保证内容的准确性。 使用本网站内容所产生的风险与本网站无关。 版权所有。 版权所有。
