Day 22 HTML5 <HTML5 input类型、表单标签>

HTML5新增的input类型:

<!-- 需添加form表单域 -->
<form action="">
    <ul>
        <li>信箱 : <input type="email"> </li>
        <li>url : <input type="url"> </li>
        <li>日期 : <input type="date"> </li>
        <li>时间 : <input type="time"> </li>
        <li>月 : <input type="month"> </li>
        <li>周 : <input type="week"> </li>
        <li>数字 : <input type="number"> </li>
        <li>手机号码 : <input type="tel"> </li>
        <li>搜索框 : <input type="search"> </li>
        <li>颜色选择 : <input type="color"> </li>
        <li>邮箱 : <input type="submit" value="提交"> </li>
    </ul>
</form>

HTML5新增的input类型

HTML5新增的表单标签:

<form action="">
    <input type="search" name="sas" id="" required="required" 
    placeholder="请填写搜寻事项" autofocus="autofocus"
    autocomplete="off">
    
    <input type="file" name="" id="" multiple="multiple">
    <input type="submit" value="提交">

    <!-- 
        requied        
        必需在提交之前填写输入字段。如果使用该属性，此字段是必填的。
        
        placeholder     表单的提示信息
        autofocus       自动聚焦属性

        autocomplete    
        当使用者开始输入时是否显示出之前填写过的值(莫认为on) off为关闭

        multiple        可以多选文件提交
     -->
</form>

HTML5新增表单标签 code pen