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>

    

posted @ 2016-06-16 23:00  黑默  阅读(229)  评论(0编辑  收藏  举报