HTML5 表单与文件

-新增元素与属性

form、formaction、formmethod、placeholder(处于未输入状态时文本框显示的输入提示)、autofocus(自动获取光标焦点)、
list(该属性的值为某个datalist元素的id),类似选择框。

1 text:<input type="text" name="greeting" list="greetings">

2 <!--使用style="display:none;"将detalist元素设定为不显示-->

3 <datalist id="greetings" style="display: none;">

4     <option value="Good Morning">Good Morning</option>

5     <option value="Hello">Hello</option>

6     <option value="Good Afternoon">Good Afternoon</option>

7 </datalist>

autocomplete(On、Off、“”三个值)
-增加Input元素的种类

search、tel、url、email、datetime、date、month、week、time、datetime-local、number、range、color、file。 

- 表单验证

required、pattern(pattern=“^\w.*$”)、min、max、step(元素值增加或减少的步幅)

取消验证的方法:1、form元素的novalidate属性为true。2、input元素的formnovalidate属性

-增强的页面元素

figure:网页上一块独立的内容,figcaption表示figure的标题

details:局部区域进行展开或收缩,通过点击summary元素的内容来控制

mark:高亮显示内容

progress:代表一个任务的完成进度

meter:规定范围内的数量值(max、min、low下限、high上限、optimum最佳值)

  

你可能感兴趣的:(html5)