h5的新标签

h5新加的input新属性email,url,date,time,month,week,number,range,color.

<form action="">
    <!-- h5提供的表单类型，具备数据验证的功能，但是验证规则不严谨！
     后期会在js里用正则表达式处理
     -->
    邮箱：<input type="email"><br>
    网址：<input type="url"><br>
    日期：<input type="date"><br>
    时间：<input type="time"><br>
    月份：<input type="month"><br>
    周 ：<input type="week"><br>
    数字：<input type="number"><br>
    滑动条：<input type="range"><br>
    颜色：<input type="color"><br>
    <input type="submit">
</form>

还有一些新的标签autocomplete：输入框内容自动补全
autofocus：自动获取焦点
required：必填项
placeholder：提示信息
readonly：只读
multiple：下拉框的多项选择
selected：下拉框的默认选中项  单选框和复选框通过check属性实现默认选中

<form action="check.php" id="ccy">
    <input type="text" name="name" placeholder="请输入姓名"
           autocomplete="off" autofocus value="ccy" readonly>
    <br>
    <input type="password" name="pwd" required
                placeholder="请输入密码">
    <br>
    <select name="year" id="" multiple>
        <option value="1">1990</option>
        <option value="2">1991</option>
        <option value="3" selected>1992</option>
        <option value="4">1993</option>
        <option value="5">1994</option>
        <option value="6">1995</option>
    </select>
    <br>
    <input type="submit">
</form>