HTML5新增input表单、表单属性

1、新增input表单属性

             属性值                                           说明

（1）type="email"                    限制用户输入必须为Email类型

（2）type="url"                        限制用户输入必须为URL类型

（3）type="date"                     限制用户输入必须的日期类型

（4）type="time"                     限制用户输入必须为时间的类型

（5）type="month"                  限制用户输入必须为月类型

（6）type="week"                   限制用户输入必须为周类型

（7）type="number"               限制用户输入必须为数字型

（8）type="tel"                        手机号码

（9）type="search"                  搜索框

（10）type="color"                  生成一个颜色选择表单

代码如下：

结果如下：

 

2、表单属性

   属性               值                                说明

required        required        表单拥有该属性表示其内容不能为空，必填

placeholder     提示文本    表单的提示信息，存在默认值将不显示

autofocus      autofocus     自动聚焦属性，页面加载完成自动    

multiple           multiple       可以多选文件提交

autocomplete    on/off        当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示在字段中填写的选项。默认已经打开，autocomplete="on"；默认已经关闭， autocomplete="off"。需要放在表单中内同时加上name属性，同时成功提交。

代码如下：

 

结果如下: