HTML5中表单中新增加元素

标签：

新增input 内属性

1，required:若文本内容为空，阻止表单提交格式，写入单词即可

如：<input type="text" name="username" required/>

2，placeholder:文本框里默认显示内容如：<input type="text" name="username" palceholder="请输入姓名"/>

3，autofocus：自动找到焦点  直接加入input标记内即可

新增type属性：　　

• email ：自带验证功能
  • 　　邮件地址：<input type="email" name="useremail"/>　　
• date:日历功能，火狐暂不支持，但又文本框
• 　　　　日期：<input type="date" name="mydate">
• url：网址，自带验证
  • 　 网址：<input type="url" name="mydate"> 
• range：范围
  • 　　强弱程度：<input type="range" min="0" max="225">
• list: 点击文本框，下列出现option中的内容。
  • 　　搜索：<input type="text"  list="abc">

                          <datalist id="abc">

<option>内容1　　</option>

<option>内容2　</option>

<option>内容3 　</option>

　　　　　　　　　　</datalist>

HTML5中表单中新增加元素

标签：

原文地址：http://www.cnblogs.com/black-humor/p/5592427.html