欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

HTML表单模板

程序员文章站 2022-04-14 19:38:44
``` Practice 用户名: 密 码: 性 别:男 女 保密 爱 好:运功 旅游 阅读 摄影 地 址: 上传头像: 个人简介: 不少于10字 ``` ![](https://img2018.cnblogs.com/blog/821307/201912/821307-20191208193829... ......
<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>practice</title>
</head>
<body>
    <form action="#" method="get">
        用户名:<input type="text" placeholder="请输入用户名"><br>
        密&emsp;码:<input type="password" placeholder="默认为123456"><br>
        性&emsp;别:<label><input type="radio" name="sex" >男
                    <input type="radio" name="sex">女
                     <!--默认选中  保密-->
                    <input type="radio" name="sex" checked="checked">保密
                    </label><br>
        爱&emsp;好:<label><input type="checkbox" name="hobby">运功
                    <input type="checkbox" name="hobby">旅游
                    <input type="checkbox" name="hobby">阅读
                    <input type="checkbox" name="hobby">摄影
                    </label><br>
        地&emsp;址:<label><select name="" id="" >
                        <!--默认选中广州-->
                        <!--<option value="gz" selected="selected">广州</option>-->
                        <option>请选择</option>
                        <option value="bj">北京</option>
                        <option value="sh">上海</option>
                        <option value="sz">深圳</option>
                    </select></label><br>
        上传头像:<input type="file"><br>
        个人简介:<br>
        <label><textarea cols="20" rows="5">不少于10字</textarea></label><br>
        <input type="submit" value="提交"> <input type="reset" value="重置">
    </form>
</body>
</html>


HTML表单模板