综合案例-注册信息

最新推荐文章于 2024-07-25 09:24:40 发布

救救孩子吧8༼⍤༽

最新推荐文章于 2024-07-25 09:24:40 发布

阅读量19

点赞数

分类专栏： HTML学习综合案例文章标签：前端 javascript html

本文链接：https://blog.csdn.net/m0_49553751/article/details/132870076

版权

HTML学习综合案例专栏收录该内容

9 篇文章 1 订阅

订阅专栏

实现效果

代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>注册信息</h1>
    <form action="">
        <!-- 个人信息 -->
       <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><label ><input type="radio" name="gender" checked>女</label>
          <br><br>
        <label >居住城市：</label>
        <select name="" id="">
            <option >北京</option>
            <option >上海</option>
            <option >深圳</option>
            <option selected>河南</option>
        </select>

        <!-- 教育经历 -->
        <h2>教育经历</h2>
        <label >最高学历：</label>
        <select >
            <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 >2015</option>
            <option >2016</option>
            <option >2017</option>
            <option >2018</option>
        </select>
        <span>--</span>
        <select >
            <option >2019</option>
            <option >2020</option>
            <option >2021</option>
            <option >2022</option>
        </select>
    <!-- 工作经历 -->
    <h2>工作经历</h2>
    <label >公司名称：</label>
    <input type="text">
    <br><br>
    <label >工作描述：</label>
    <br>
    <textarea></textarea>
    <br><br>
    <input type="checkbox">
    <label >已阅读并同意一下协议：</label>
    <ul>
        <li><a href="#">《用户服务协议》</a></li>
        <li><a href="#">《隐私政策》</a></li>
    </ul>
    <button type="submit">免费注册</button>
    <button type="reset">重新填写</button>
    </form>
   
</body>
</html>