html5 --基础笔记2

1.autocomplete

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

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

秒客网

html5 --基础笔记2

相关文章