HTML5还有一些新增的input类型:

email:电子邮件地址文本框,提交表单时会自            动验证email的值。

url:网页的URL,提交表单时会自动验证url的         值。

color:主要用于选取颜色。

search:用于搜索引擎(搜索框)。

number:只包含数值的字段,能够设定对所接               受的数字限定。

range:滑动条,特定值范围内的数值选择器。

例:

    

                 
                 
                 
                 
             

 

属性    值               说明

max    number      规定允许的最大值

min     number      规定允许的最小值

step    number      规定合法的数字间隔                                       (每次增加的数字量)

value  number       规定的默认值

 

属性    值               说明

max    number      规定允许的最大值

min     number      规定允许的最小值

step    number      规定合法的数字间隔         

value  number       规定的默认值

 input类型——Date pickers

类型                      说明

date                      选择日,月,年

month                   选择月,年

week                     选择周和年

time                       选择时间,小时和分钟

datetime-local       选择本地时间

   

       

年月日:

       

年月:  

       

年周:  

       

小时和分钟:

       

本地时间:

   

 还有一些新增属性:

属性                    说明

autofocus        页面加载时自动获得焦点

required           规定输入与那不能为空,必                            填项。

placeholder     提供一种提示,描述输入域所                          期待的值。

pattern             规定验证input域的模式。

height,width     仅适用于image类型的input                           标签的图像高度和宽度。

 

(required的效果)

 

输入的时候如果不想出现默认框,可以去掉默认框:

 

好文链接

评论可见,请评论后查看内容,谢谢!!!评论后请刷新页面。