HTML表单注册页面

最新推荐文章于 2024-08-14 14:31:42 发布

html模仿师

最新推荐文章于 2024-08-14 14:31:42 发布

阅读量704

点赞数 10

文章标签： html 前端

本文链接：https://blog.csdn.net/2301_80910879/article/details/136047932

版权

这篇文章展示了如何使用HTML和CSS创建一个包含个人信息、教育经历、工作经历等字段的在线注册表单，同时包括对隐私政策和服务协议的链接。

摘要由CSDN通过智能技术生成

<!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="./style2.css">
</head>
<body>
    <h1>注册</h1>
<form action="">
    <h2>个人信息</h2>
    姓名：<input type="text" placeholder="请输入真实的姓名...">
    <br>
    密码：<input type="password" placeholder="请输入密码...">
    <br>
    再次输入密码：<input type="password" placeholder="请输入...">
    <br>
    <div class="gender-radios">  
        <label for="male"><input type="radio" name="gender" id="male" checked>男</label>  
        <label for="female"><input type="radio" name="gender" id="female">女</label>  
    <br>
    <select name="" id="">
        <option value="">北京</option>
        <option value="">上海</option>
        <option value="">广州</option>
        <option value="" selected>深圳</option>
    </select>    
    <br><br>
    <h2>教育经历</h2> 
    职业：<select name="" id="">
        <option value="">学生</option>
        <option value="">教师</option>
        <option value="">家长</option>
    </select>
    <br>
    学校：<input type="text">
    <br>
    专业：<input type="text">
    <br>
    梦想：<textarea name="" id="" cols="30" rows="10" placeholder="你的梦想是..."></textarea>
    <br><br>
    <h2>工作经历</h2>
    公司名称：<input type="text">
    <br>
    工作职位：<textarea name="" id="" cols="30" rows="10" placeholder="您的职业位置是...."></textarea>
    <br>
    <ul>
        <li><a href="#"><h3>隐私政策</h3></a></li>
        <li><a href="#"><h3>服务协议</h3></a></li>
        <li><a href="#"><h3>转账协议</h3></a></li>
    </ul>
    <input type="checkbox" checked>我已同意以上协议
    <br>
    <button type="submit">完成填写</button>
    <button type="reset">重写案例</button>
</form>    
</body>
</html>