好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

HTML5 新表单类型示例代码

demo.ht ML :

<!DOCTY PE  html>  
<html lang="en">  
<head>  
    < ;m eta charset="UTF-8">  
    <t IT le>Document</title>  
    <style>  
        form {  
            width: 100%;  
            max-width: 640px;  
            min-width: 320px;  
            m arg in: 0 auto;  
            font-f ami ly: "Microsoft Yah ei ";  
            font- Size:  20px;  
        }  
        input {  
            dis play : block;  
            width: 100%;  
            height: 30px;  
            mar gin : 10px 0;  
        }  
    </style>  
</head>  
<body>  
    <form action="">  
        <fieldset>  
            <legend>表单属性</legend>  
            <label for="">  
                em ai l: <input type="email" n am e="email" >  
            </label>  
            <label for="">  
                tel: <input type="tel" name="tel" >  <!-- 本身不验证,自己添加验证 -->  
            </label>  
            <label for="">  
                url: <input type="url" name="url" >  
            </label>  
            <label for="">  
                number: <input type="number" name="number" step="5"> <!--输入的是步长的整倍数-->  
            </label>  
            <label for="">  
                se Arch : <input type="search" name="search" >  <!--移动端出现的 小键盘  右下角 是搜索按钮-->  
            </label>  
            <label for="">  
                range: <input type="range" name="range" value="100" min="0" max="300">  <!--默认最小0 最大100-->  
            </label>  
            <label for="">  
            <label for="">  
                color: <input type="color" name="color" >  
            </label>  
                time: <input type="time" name="time" >  
            </label>  
            <label for="">  
                date: <input type="date" name="date" >  
            </label>  
            <label for="">  
                month: <input type="month" name="month" >  
            </label>  
            <label for="">  
                week: <input type="week" name="week" >  
            </label>  
            <label for="">  
                datetime: <input type="datetime" name="datetime" >  
            </label>  
            <input type="s ub mit" value="提交">  
        </fieldset>  
    </form>  
</body>  
</html>  

总结

以上所述是小编给大家介绍的HTML5 新表单类型示例代码, 希望对大家有所帮助 ,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

总结

以上是 为你收集整理的 HTML5 新表单类型示例代码 全部内容,希望文章能够帮你解决 HTML5 新表单类型示例代码 所遇到的问题。

如果觉得 网站内容还不错, 推荐好友。

查看更多关于HTML5 新表单类型示例代码的详细内容...

  阅读:16次