HTML input type 属性 |
您所在的位置:网站首页 › html中input属性 › HTML input type 属性 |
HTML type 属性
带有两种不同输入类型的 HTML 表单,text 和 submit: Username: 尝试一下 »(查看本页底部更多实例)浏览器支持所有主流浏览器都支持 type 属性。但是,并非所有主流浏览器都支持所有不同的 input 类型都能在所有主流浏览器中工作。 请看下面关于每种输入类型的浏览器支持。 定义和用法type 属性规定要显示的 元素的类型。 默认类型是:text。 提示:该属性不是必需的,但是我们认为您应该始终使用它。 HTML 4.01 与 HTML5之间的差异以下 input 类型是 HTML5 中的新类型:color、date、datetime、datetime-local、month、week、time、email、number、range、search、tel 和 url。 语法属性值值描述button定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。checkbox定义复选框。colorNew定义拾色器。dateNew定义 date 控件(包括年、月、日,不包括时间)。datetimeNew定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,基于 UTC 时区)。datetime-localNew定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)。emailNew定义用于 e-mail 地址的字段。file定义文件选择字段和 "浏览..." 按钮,供文件上传。hidden定义隐藏输入字段。image定义图像作为提交按钮。monthNew定义 month 和 year 控件(不带时区)。numberNew定义用于输入数字的字段。password定义密码字段(字段中的字符会被遮蔽)。radio定义单选按钮。rangeNew定义用于精确值不重要的输入数字的控件(比如 slider 控件)。reset定义重置按钮(重置所有的表单值为默认值)。searchNew定义用于输入搜索字符串的文本字段。submit定义提交按钮。telNew定义用于输入电话号码的字段。text默认。定义一个单行的文本字段(默认宽度为 20 个字符)。timeNew定义用于输入时间的控件(不带时区)。urlNew定义用于输入 URL 的字段。weekNew定义 week 和 year 控件(不带时区)。实例输入类型:button![]() ![]() ![]() ![]() ![]() 定义可点击的按钮,在用户单击按钮时启动一段 JavaScript: 尝试一下 » 输入类型:checkbox![]() ![]() ![]() ![]() ![]() 复选框允许用户在一定数量的选择中选取一个或多个选项: 我有一辆自行车我有一辆小轿车我有一艘船尝试一下 » 输入类型:color![]() ![]() ![]() ![]() ![]() 从拾色器中选取颜色: 选择你喜欢的颜色: 尝试一下 »输入类型:date![]() ![]() ![]() ![]() ![]() 定义 date 控件: 生日: 尝试一下 » 输入类型:datetime![]() ![]() ![]() ![]() ![]() 定义 date 和 time 控件(带有时区): 生日(日期和时间): 尝试一下 » 输入类型:datetime-local![]() ![]() ![]() ![]() ![]() 定义 date 和 time 控件(不带时区): 生日(日期和时间): 尝试一下 » 输入类型:email![]() ![]() ![]() ![]() ![]() 定义用于 e-mail 地址的字段(当提交表单时会自动对 email 字段的值进行验证): E-mail: 尝试一下 »提示:iPhone 的 Safari 浏览器会识别 email 输入类型,然后改变触摸屏的键盘来适应它(添加 @ 和 .com 选项)。 输入类型:file![]() ![]() ![]() ![]() ![]() 定义文件选择字段和 "浏览..." 按钮,供文件上传: 选择一个文件: 尝试一下 » 输入类型:hidden![]() ![]() ![]() ![]() ![]() 定义隐藏字段,隐藏字段对于用户是不可见的。隐藏字段常常存储默认值,或者由 JavaScript 改变它们的值: 尝试一下 » 输入类型:image![]() ![]() ![]() ![]() ![]() 定义图像作为提交按钮: 尝试一下 » 输入类型:month![]() ![]() ![]() ![]() ![]() 定义 month 和 year 控件(不带时区): 生日(月和年): 尝试一下 » 输入类型:number![]() ![]() ![]() ![]() ![]() 定义用于输入数字的字段(您可以设置可接受数字的限制): 数量(1到5之间): 尝试一下 »请使用下面的属性来规定限制: max - 规定允许的最大值。min - 规定允许的最小值。step - 规定合法数字间隔。value - 规定默认值。输入类型:password![]() ![]() ![]() ![]() ![]() 定义密码字段(密码字段中的字符会被遮蔽): 尝试一下 » 输入类型:radio![]() ![]() ![]() ![]() ![]() 允许用户在一定数量的选择中选取一个选项: 女尝试一下 » 输入类型:range![]() ![]() ![]() ![]() ![]() 定义用于精确值不重要的输入数字的控件(比如 slider 控件)。您也可以设置可接受数字的限制: 尝试一下 »请使用下面的属性来规定限制: max - 规定允许的最大值。min - 规定允许的最小值。step - 规定合法数字间隔。value - 规定默认值。输入类型:reset![]() ![]() ![]() ![]() ![]() 定义重置按钮(重置所有表单值为默认值): 尝试一下 »提示:请谨慎使用重置按钮!对于用户来说,不慎点击了重置按钮是件很恼火的事情。 输入类型:search![]() ![]() ![]() ![]() ![]() 定义搜索字段(比如站内搜索或谷歌搜索等): Search Google: 尝试一下 » 输入类型:submit![]() ![]() ![]() ![]() ![]() 定义提交按钮: 尝试一下 » 输入类型:tel![]() ![]() ![]() ![]() ![]() 定义用于输入电话号码的字段: 电话号码: 尝试一下 »输入类型:text![]() ![]() ![]() ![]() ![]() 定义两个用户可向其中输入文本的单行的文本字段: First name: Last name: 尝试一下 » 输入类型:time![]() ![]() ![]() ![]() ![]() 定义用于输入时间的控件(不带时区): 选择时间: 尝试一下 » 输入类型:url![]() ![]() ![]() ![]() ![]() 定义用于输入 URL 的字段: 添加你的主页: 尝试一下 »提示:iPhone 的 Safari 浏览器会识别 url 输入类型,然后改变触摸屏的键盘来适应它(添加 .com 选项)。 输入类型:week![]() ![]() ![]() ![]() ![]() 定义 week 和 year 控件(不带时区): 选择周: 尝试一下 »![]() |
今日新闻 |
推荐新闻 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |