Day6综合案例2-注册信息

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>注册信息</title>
</head>
<body>
    <form action="">
    <h1>注册信息</h1>
    <h2>个人信息</h2>
    <label >姓名:</label> <input type="text" placeholder="请输入真实姓名">
    <br><br>
    <label >密码:</label><input type="password" placeholder="请输入密码">
    <br><br>
    <label >确认密码:</label><input type="password" placeholder="请再次确认输入密码">
    <br><br>
    <label >性别:</label>
    <label ><input type="radio" name="gender" >男</label>
    <label ><input type="radio" name="gender" checked >女</label>
    <br><br>
    <label >现居住城市:</label>
    <select>
        <option>北京</option>
        <option>武汉</option>
        <option>南京</option>
        <option>杭州</option>
        <option>厦门</option>
        <option selected>宁德</option>
        <option>泉州</option>
    </select>
    <h2>教育经历</h2>
    <label >最高学历</label>
    <select >
        <option>博士</option>
        <option>硕士</option>
        <option>本科</option>
        <option>大专</option>
        <option>高中</option>
    </select>
    <br><br>
    <label >学校名称:</label>
    <input type="text">
    <br><br>
    <label >所学专业:</label>
    <input type="text">
    <br><br>
    <label >在校时间:</label>
    <select >
        <option>2021</option>
        <option>2022</option>
        <option>2023</option>
        <option>2024</option>
        <option>2025</option>
    </select>
    --
    <select >
        <option>2026</option>
        <option>2027</option>
        <option>2028</option>
        <option>2029</option>
        <option>2030</option>
    </select>
    <h2>工作经历</h2>
    <label>公司名称:</label>
    <input type="text">
    <br><br>
    <label>工作描述</label>
    <textarea ></textarea>
    <br><br>
    <input type="checkbox"><label>已阅读并同意以下协议</label>
    <ul>
        <li><a href="#">《用户服务协议》</a></li>
        <li><a href="#"> 《隐私政策》</a> </li>
    </ul>
    <br><br>
    <button type="submit">免费注册</button>
    <button type="reset">重新填写</button>
    
    </form>
</body>
</html>

image

posted @ 2025-10-28 23:45  冰涿  阅读(6)  评论(0)    收藏  举报