表单验证

来源:互联网 发布:xmlbar软件下载 编辑:程序博客网 时间:2024/06/07 17:05
                                 <!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>智能表单</title>
        <link rel="stylesheet" href="css/zhineng.css" />
    </head>
    <body>
        <div id="dakuang">
            <form >
                <fieldset>
                    <legend >完善个人资料</legend>
                    <br />
                        <!--电话标签-->
                        <label for="">
                            <input type="tel" size="40" placeholder="请输入手机号"/><br /><br />
                        </label>
                            
                        <!--邮箱标签-->
                        <label for="">
                            <input type="email" size="40" placeholder="请输入邮箱"/><br /><br />
                        </label>
                            
                        <!--密码标签-->
                        <label for="">
                            <input type="password" size="40" placeholder="密码有6-20位字母,数字和符号组合"/><br /><br />
                        </label>
                            
                        <!--数字标签  可以上下调大小-->
                        <label for="">
                                number: <input type="number" name="number" step="3"  />
                        </label><br/>
                        <!--接口路径标签呢-->
                        <label for="">
                                url: <input type="url" name="url" />
                        </label><br/>
                        <!--拖动条标签-->
                        <label for="">
                            range: <input type="range" name="range" value="100" min="0" max="300"/>
                        </label><br/>
                        <!--年月标签-->
                        <label for="">
                            month: <input type="month" name="month" />
                        </label><br/>
                        <!--年月日标签-->
                         <label for="">
                            date: <input type="date" name="date" />
                        </label><br/>
                        <!--时间 标签-->
                        <label for="">
                            time: <input type="time" name="time" />
                        </label><br/>
                        <!--查找标签-->
                        <label for="">
                            search: <input type="search" name="search" />
                        </label><br/>
                        <!--周标签-->
                        <label for="">
                            week: <input type="week" name="week" />
                        </label><br/>
                        <!--颜色标签-->
                        <label for="">
                            color: <input type="color" name="color" />
                        </label>
                        
                        <input type="submit" value="提交"/>
                </fieldset>
            </form>
        </div>
    </body>
</html>