HTML用户注册表单

最新推荐文章于 2025-03-31 16:28:39 发布

七七期

最新推荐文章于 2025-03-31 16:28:39 发布

阅读量983

点赞数 4

分类专栏：作业文章标签： html 前端

本文链接：https://blog.csdn.net/2201_75588145/article/details/131862751

版权

作业专栏收录该内容

23 篇文章

订阅专栏

外连接方式
.zhuce{
    align-content: center;
    text-align: center;
}


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./表单2.css">
</head>
<body>
    <div class="zhuce">
    <form action="#">
        <h1>用户注册</h1>
        用户名:
        <input type="text" name="username" value="" autocomplete="on" >
        <br><br>
        密&nbsp; &nbsp;码:
        <input type="password" name="one" value="">
        <br><br>
        性别：
        <input type="radio" name="r1" value="男" checked>男
        <input type="radio" name="r1" value="女">女
        <br><br>
        爱好：
        <input type="checkbox" name="r2" value="唱">唱
        <input type="checkbox" name="r2" value="跳">跳
        <input type="checkbox" name="r2" value="Rap">Rap
        <input type="checkbox" name="r2" value="打篮球">打篮球
        <br><br>
        邮箱：
        <input type="text" name="youxiang" value="" placeholder="请输入你的邮箱">
        <br><br>
        用户头像：
        <input type="file" name="youxiang" id="">
        <br><br>
        家庭住址：
        <select name="diming" id="">
            <option value="无">请选择你的住址</option>
            <option value="四川省">四川省</option>
            <option value="广东省">广东省</option>
            <option value="东北省">东北省</option>
        </select>
        <br><br>
        收货地址：
        <select name="地址" id="" >
            <option value="广州">广州</option>
            <option value="深圳">深圳</option>
            <option value="重庆">重庆</option>
            <option value="南京">南京</option>
            <option value="峨眉">峨眉</option>
        </select>
        <br><br>
        建议或意见
        <textarea name="yijian" id="" cols="20" rows="2" placeholder="你的建议或意见"></textarea>
        <br><br>
        选择你喜欢的颜色
        <input type="color" name="">
        注册时间
        <input type="datetime-local" name="">
        
        <br><br>
        <input type="submit" value="确定">
        <input type="reset">

    </form>
    </div>
</body>
</html>

生成一下页面