新增表单元素与属性:
- form属性 可以书写在页面中的任何部分,然后为该元素指定一个form属性,属性值为该表单的id,这样就可以声明该元素从属于指定表单
1
2
3
4
<form id="testform">
<input type = "text">
</form>
<textarea form="textform"></textarea>
- formaction元素 formmethod元素 formtarget元素 HTML4中只能通过form的属性提交表单,在html5中每个都可以单独设置
1
2
3
4
5
6
7
<form action="submit">//html4中的写法
<input type="submit" name="s1" value="s1" formaction="s1.jsp">
<input type="submit" name="s2" value="s2" formaction="s2.jsp">
<input type="submit">
<input type="submit" value="post方式提交" formmethod="post">
<input type="submit" value="get方式提交" formmethod="get">
</form>
autofocus属性 页面打开时自动获得光标焦点,一个页面最多只能设置一个,通过js实现
required属性 提交时如果元素中内容为空,则不允许提交,同时显示提示文字
labels属性
control属性
placeholder属性 表单处于未输入状态时显示的内容
list属性 datalist属性 autocomplete属性
1
2
3
4
5
6
7<input type = "text" name="greeting" list="greeting" autocomplete="on">
<datalist id="greeting" style="display:none;">
<option value="123">123</option>
<option value="234">234</option>
<option value="345">345</option>
</datalist>pattern属性 可以进行输入值的正则检查
image提交按钮的height和width属性
textarea元素的maxlength和wrap属性
改良的input元素,部分实现了只有js才能实现的功能
search url tel email number range与text外观一样,但是仅能输入特定的内容
date month week time datetime-local 目前只有Chrome10和Opera10以上版本的浏览器支持
color用于选择颜色
以上的属性大多数浏览器都不支持,还是要用js实现
增强的页面元素
- figure和figcaption元素
- details和summary元素
- Mark元素
- meter元素
- dialog元素