h5表单增强标签

最新推荐文章于 2024-05-10 18:00:00 发布

Xiao祁的博客

最新推荐文章于 2024-05-10 18:00:00 发布

阅读量164

点赞数

分类专栏：自己总结

本文链接：https://blog.csdn.net/qq_42459672/article/details/99337085

版权

自己总结专栏收录该内容

51 篇文章 1 订阅

订阅专栏

邮箱:

        <p>
            <!--数字-->
            年龄: <input type="number" />
        </p>
        
        <p>
            <!--滑动器-->
            滑动器: <input type="range" />
        </p>
        
        <p>
            <!--搜索框-->
            搜索: <input type="search" />
        </p>
        
        
        <p>
            <!--日期的框-->
            日期: <input type="date" />
        </p>
        
        
        <p>
            <!--日期的框-->
            日期: <input type="week" />
        </p>
        
        <p>
            <!--日期的框-->
            日期: <input type="month" />
        </p>
        
        <p>
            <!--颜色-->
            颜色: <input type="color" />
        </p>
        <p>
            <!--网址-->
            网址: <input type="url" />
        </p>
        <p>
            <input type="submit" value="提交" />
            <input type="reset" value="清空" />
        </p>
        
    </form>
    
    <hr />
    <!--
        H5中表单增强的属性
        
        placeholder
        
        autofocus:自动的获得焦点
        
        
        max：最大值
        
        min：最小值
        
        minlength:最小长度
        
        maxlength:最大长度
        
    -->
    <form>
        
        <p>
            <!--  autofocus: 自动获得焦点 -->
            账号:<input type="text"  placeholder="手机号/邮箱/账号" autofocus/>
            
        </p>
        
        <p>
            密码:<input type="number" max="130" min="0" />
        </p>
        <p>
            密码:<input type="password"  minlength="2" maxlength="4" />
        </p>
        <p>
            <input type="submit" value="提交" />
            <input type="reset" value="清空" />
        </p>
    </form>
</body>