HTML5新增表单属性

 placeholder 属性

<input type="text"  placeholder="wad">

给用户提示信息或描述，说明等

autocomplete 属性

<input type="text"   autocomplete="off ">

浏览器通过  autocomplete  属性能知道是否应该保存输入值以备使之后用。

autofocus 属性

      <input  type="text" autofocus>
打开浏览器自动获得焦点

min  和  max 属性

 <input  id="confidence"  name="mr"   type="range" min="o"  max="100"   value="50">

默认min为零max为一百

类似进度条

step 属性

<input   id="confidence"    name="mr"   type="range"   min="0"  max="100"  step="5"  value="4">

  设置完成后，value值只能是初始值与 5 的倍数之和。也就是说只能输入0、5、10   …  100， 至于是输入框还是滑动条输人则由浏览器决定。

email 输入类型

<input  type= "email"   name="email"  value="864361049@qq.com"/>

提交时如果该文本框中内容不是  email  地址格式的文字则不允许提交，但是它并不检查  email  地址是否存在。

url输入类型

    <input  name="url" type="url"  value="http://www.baidu.com"/>

   提交时如果该文本框中内容不是 url地址格式的文字则不允许提交。

date类型

 <input   name="time1"   type="time"   value="10:00"/>

time 是input标签一种专门用来输入时间的文本框

datetime 输入类型

<input name="datetime1"   type="datetime"  />

datatime 是input标签一种专门用来输入UTC  日期和时间的文本框

 datetime-local  输入类型

datatime -local 是input标签一种专门用来输入本地日期和时间的文本框

month输入类型

month是input标签一种专门用来输入月份的文本框

 <input   name="moth1"  type="month"   Value="2012-09"/>

   week输入类型

week是input标签一种专门用来输入周号的文本框

   <input   name="week1"    type="week"   value="2012-w39"/>

number输入类型

  number 类型的input标签是一种专门用来输入数字的文本框，并且在提交时会判断其中的内容是否为数字。它与min，max，step能一起用 。 <input   name="number1"   type="number"   value="54"  min="10"  max="100"  step="5"  />

color输入类型

   color 类型的input标签用来选取颜色，它提供了一个颜色选取器。