html5新特性与用法大全

2019-01-28 21:09:44刘景俊

meter:度量衡/刻度尺/,用于标示一个所处的范围:不可接受(红色)/可以接受(黄色)/非常优秀(绿色)

    <meter min="可取的最小值" max="可取的最大值" low="合理的下限值" high="合理的上限值" optimum="最佳值" value="当前值" ></meter>

 3) 表单元素的新属性

    一、H4中表单元素的属性:<input>  

                id/class/title/type/value/name/style/readonly/disabled/checked/                 

H5中表单元素的新属性    

1)placeholder:占位字符 作为提示不可提交                

<input value=“tom” placeholder=“请输入用户名”/>     

2)autofocus:自动获取输入焦点 (不用点一下就可以输入只第一个input设置的才有效)                 

 <input autofocus>     

3) multiple : 允许输入框中出现多个输入值用逗号分隔 a@dn.com,b@dn.com                 

 <input type="email" name="emails" multiple>     

4)form :用于把输入域放置到FORM外部                

<form id="f5"></from>                 

<input form="f5">  

=================输入验证相关的新属性==================================     

例子查看input验证相关的属性/yz.html                 

5)required :必填项,内容不能为空               

  6)maxlength:指定字符串的最大长度                

7)minlength:指定字符串的最小长度              

   8)max:指定数字的最大值               

  9)min:指定数字的最小值