注册表单

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>注册表单</title>
</head>
  <form action="" method="post" class="form-example">
  <div class="form-example">
      <legend>输入用户名</legend>
      <input type="text" name="name" id="name" required>
  </div>
  <div class="form-example">
    <label for="radio">男</label>
    <input type="radio" name="radio" id="radio" required>
    <label for="radio">女</label>
    <input type="radio" name="radio" id="radio" required>
  </div>
  <div class="form-example">
      <legend>输入email:</legend>
     <input type="email" name="email" id="email" required>
  </div>
   <div class="form-example">
      <legend>输入密码：</legend>
    <input type="password" name="password" id="password" required>
  </div>
  <div class="form-example">
      <legend>确认密码：</legend>
     <input type="password" name="password" id="password" required>
  </div>
  <div class="form-example">
    <input type="checkbox" name="checkbox" id="checkbox" required>
    <label for="checkbox">我已阅读并接受《用户协议》</label>
  </div>
  <div class="form-example" >
   <input type="submit"value="注册" style="color: red;">
  </div>
</form>
</body>
</html>

posted @ 2018-09-17 16:09  徐5442  阅读(71)  评论(0)  编辑  收藏  举报