html5新特性与用法大全

2020-04-21 07:44:19易采站长站整理

}
},500);
</script>

 五、h5中 新增的表单元素 — meter


<body>
机油含量:<meter id="m1" min="0" max="100" low="30" high="70" optimum="40" value="50"></meter>
PM值:<meter id="m2" min="0" max="500" low="100" high="300" optimum="150" value="750"></meter>
</body>

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