2021-04-20

html5 css3中input新增的type的属性值

<!-- 必须有form表单,提交给后台验证必须有name -->
    <form action="">
        <p>
            用户名:<input type="text" name="uname">
        </p>
        <p>
            邮箱:<input type="email" name="email">
        </p>
        <p>
            手机号:<input type="tel" name="tel">
        </p>
        <p>
            网址:
            <input type="url" name="urlVal" id="">
        </p>
        <p>
            数值:
            <input type="number" name="number">
        </p>
        <p>
            搜索:
            <input type="search" name="searchVal">
        </p>
        <p>
            <!-- range:幅度 -->
            滑块:
            <input type="range" name="rangeVal">
        </p>
        <p>
            时间:
            <input type="time" name="timeVal">
        </p>
        <p>
            日期:
            <input type="date" name="dateVal">
        </p>
        <p>
            月份:
            <input type="month" name="monthVal">
        </p>
        <p>
            周:
            <input type="week" name="weekVal">
        </p>
        <input type="submit" value="验证">
    </form>