html5 --基础笔记2

1.autocomplete

可以给表单本身（不是fieldset）设置属性来禁用整个表单的自动完成功能

<form id="" method="" autocomplete="off">

2.list与datalist

<div>
<label for="a">Award Won</label>
<input id="a" name="a" type="text" list="awards">
<datalist id="awards">
<select>
<option value="Best Picture"></option>
<option value="Best Director"></option>
<option value="Best Adapted Screenplay"></option>
<option value="Best Original Screenplay"></option>
</select>
</datalist>
</div>

select不是必需的，只是便于为老版本浏览器提供降级方案

3.input的type类型为number时，可以指定min和max

4.新输入类型

email, number, url, tel, search, pattern, color, date, month, week, time, datetime, datetime-local, range,

e.g

<input id="" name="" type="range" min="1" max="10" value="5" onchange="showValue(this.value)"><span id="range">5</span>
<input type="submit">
</form>
<script language="javascript">
function showValue(newValue){
document.getElementById("range").innerHTML=newValue;
}
</script>

5.针对表单的CSS3伪类选择器

input:required:选择必填表单域；

input:focus:invalid:选择当前聚焦的且含有非法输入值的表单域；

input:focus:valid:选择当前聚焦的且含有合法输入值的表单域