码迷,mamicode.com
首页 > 其他好文 > 详细

Input的类型(type)

时间:2017-07-12 13:32:25      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:类型   div   最大   demo   显示   多个   _for   pre   mit   

HTML5 新的 Input 类型

HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。

本章全面介绍这些新的输入类型:

  • color
  • date
  • datetime
  • datetime-local
  • email
  • month
  • number
  • range
  • search
  • tel
  • time
  • url
  • week

注意:并不是所有的主流浏览器都支持新的input类型,不过您已经可以在所有主流的浏览器中使用它们了。即使不被支持,仍然可以显示为常规的文本域。

<form action="demo_form.php" method="get">
<input type="number" name="points" min="0" max="10" step="3" value="6">  //数字框里默认值为6(value值)
<input type="submit">

 

使用下面的属性来规定对数字类型的限定:

属性描述
disabled 规定输入字段是禁用的
max 规定允许的最大值
maxlength 规定输入字段的最大字符长度
min 规定允许的最小值
pattern 规定用于验证输入字段的模式
readonly 规定输入字段的值无法修改
required 规定输入字段的值是必需的
size 规定输入字段中的可见字符数
step 规定输入字段的的合法数字间隔
value 规定输入字段的默认值

 

range类型

0<input type="range" id="a" value="50">100

等效于

<input type="range" id="a" value="50" min="0‘ max="100">

 

Input的类型(type)

标签:类型   div   最大   demo   显示   多个   _for   pre   mit   

原文地址:http://www.cnblogs.com/fzuhyj/p/7154778.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!