<
form
action
=
"
demo-form.php
"
>
用户名:
<
input
type
=
"
text
"
name
=
"
usrname
"
>
<
br
>
<
input
type
=
"
submit
"
value
=
"
提交
"
>
尝试一下 »
(查看本页底部更多实例)
浏览器支持
所有主流浏览器都支持 type 属性。但是，并非所有主流浏览器都支持所有不同的 input 类型都能在所有主流浏览器中工作。
请看下面关于每种输入类型的浏览器支持。
定义和用法
type 属性规定要显示的 <input> 元素的类型。
默认类型是：
text
。
提示：
该属性不是必需的，但是我们认为您应该始终使用它。
HTML 4.01 与 HTML5之间的差异
以下 input 类型是 HTML5 中的新类型：color、date、datetime、datetime-local、month、week、time、email、number、range、search、tel 和 url。
<input type="value">
button
定义可点击的按钮（通常与 JavaScript 一起使用来启动脚本）。
checkbox
定义复选框。
color
New
定义拾色器。
date
New
定义 date 控件（包括年、月、日，不包括时间）。
datetime
New
定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，基于 UTC 时区）。
datetime-local
New
定义 date 和 time 控件（包括年、月、日、时、分、秒、几分之一秒，不带时区）。
email
New
定义用于 e-mail 地址的字段。
定义文件选择字段和 "浏览..." 按钮，供文件上传。
hidden
定义隐藏输入字段。
image
定义图像作为提交按钮。
month
New
定义 month 和 year 控件（不带时区）。
number
New
定义用于输入数字的字段。
password
定义密码字段（字段中的字符会被遮蔽）。
radio
定义单选按钮。
range
New
定义用于精确值不重要的输入数字的控件（比如 slider 控件）。
reset
定义重置按钮（重置所有的表单值为默认值）。
search
New
定义用于输入搜索字符串的文本字段。
submit
定义提交按钮。
tel
New
定义用于输入电话号码的字段。
默认。定义一个单行的文本字段（默认宽度为 20 个字符）。
time
New
定义用于输入时间的控件（不带时区）。
url
New
定义用于输入 URL 的字段。
week
New
定义 week 和 year 控件（不带时区）。
input 的 tpye 类型：
<input type="button">
<input type="checkbox">
<input type="color">
<input type="date">
<input type="datetime-local">
<input type="email">
<input type="file">
<input type="hidden">
<input type="image">
<input type="month">
<input type="number">
<input type="password">
<input type="radio">
<input type="range">
<input type="reset">
<input type="search">
<input type="submit">
<input type="tel">
<input type="text">
<input type="time">
<input type="url">
<input type="week">
输入类型：button
<input type="checkbox" name="vehicle[]" value="Bike"> 我有一辆自行车<br>
<input type="checkbox" name="vehicle[]" value="Car"> 我有一辆小轿车<br>
<input type="checkbox" name="vehicle[]" value="Boat"> 我有一艘船<br>
尝试一下 »
定义隐藏字段，隐藏字段对于用户是不可见的。隐藏字段常常存储默认值，或者由 JavaScript 改变它们的值：
<input type="hidden" name="country" value="Norway">
尝试一下 »
<input type="radio" name="gender" value="male"> Male<br>
<input type="radio" name="gender" value="女"> 女
尝试一下 »
定义用于精确值不重要的输入数字的控件（比如 slider 控件）。您也可以设置可接受数字的限制：
<input type="range" name="points" min="1" max="10">
尝试一下 »
请使用下面的属性来规定限制：
max
- 规定允许的最大值。
min
- 规定允许的最小值。
step
- 规定合法数字间隔。
value
- 规定默认值。
输入类型：reset
First name: <input type="text" name="fname"><br>
Last name: <input type="text" name="lname"><br>
尝试一下 »
