HTML5day02综合案例2

news2024/11/19 9:39:35

案例展示

<!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>
 <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>
  <!-- radio标签也在input里 -->
  <label><input type="radio" name="gender">男</label>
  <label><input type="radio" name="gender">女</label>
  <br><br>
  居住城市：
  <select>
    <option selected>北京</option>
    <option>上海</option>
    <option>南京</option>
    <option>合肥</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>
  在校时间：
  <select>
    <option selected>2015</option>
    <option>2016</option>
    <option>2017</option>
    <option>2018</option>
    <option>2019</option>
  </select>
  <select>
    <option>2015</option>
    <option>2016</option>
    <option>2017</option>
    <option>2018</option>
    <option selected>2019</option>
  </select>
  <h2>工作经历</h2>
  公司名称：<input type="text">
  <br><br>
  工作描述：<textarea></textarea>
  <br><br>
 <label><input type="radio">已阅读并同意一下协议：</label> 
  <ul>
    <!-- #表示空链接，默认进入本页面 -->
    <li><a href="#">《用户服务协议》</a></li>
    <li> <a href="#">《隐私政策》</a></li>
  </ul> 
  <!-- <input type="button" >免费注册 不行 -->
  <!-- button必须要写在form表单的内部，否则无法实现功能 -->
<button>免费注册</button>
<button type="reset">重新填写</button>
</form>
</body>
</html>

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.coloradmin.cn/o/1035730.html

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈，一经查实，立即删除！