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:选择当前聚焦的且含有合法输入值的表单域