表单试做2

最新推荐文章于 2024-10-12 15:43:14 发布

养海绵宝宝的小蜗

最新推荐文章于 2024-10-12 15:43:14 发布

阅读量43

点赞数 1

文章标签：笔记 html 前端

本文链接：https://blog.csdn.net/2301_80607165/article/details/134473018

版权

首先我们看式样图

接下来我我们的代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./11-16css补充.css">
</head>
<body>
    <form action="#" >
        <div>
            <h1>用户注册</h1>
        <p>用户名 <input type="text"></p>
        <p>密码 <input type="password"></p>
        <p>性别 男<input type="radio" name="sex" value="男" checked> 女 <input type="radio" name="sex" value="女"></p>
        <p>爱好 唱<input type="checkbox" name="hobby" id="">
              跳<input type="checkbox" name="hobby" id="">
              Rap<input type="checkbox" name="hobby" id="">
              打篮球<input type="checkbox" name="hobby" id=""></p>
        <p>邮箱 <input type="text" placeholder="请输入你的邮箱"></p>
        <p>用户头像 <input type="file"></p>
        <p>家庭住址 <select name="dizhi" id="">
            <option value="西安">西安</option>
            <option value="南京" >南京</option>
            <option value="上海">上海</option>
            <option value="请输入你的地址" selected>请输入你的地址</option></p>
        </select>
        <p>
            收货地址 <select name="dizhi2" id="">
                <option value="广州">广州</option>
                <option value="深圳">深圳</option>
                <option value="重庆" >重庆</option>
                <option value="南京" selected>南京</option></select>
        </p>
        <p>
            建议或意见 <textarea name="" id="" cols="30" rows="2" placeholder="你的建议或意见是"></textarea>
        </p>
        <p>
            选择你喜欢的颜色 <input type="color">&nbsp;注册时间:<input type="datetime-local">
        </p>


        <p>
            <button>注册</button>&nbsp;<button>重置</button>
        </p>
    </div>

        



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

这是运行出的结果