2st 表单的使用 

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>表单使用</title>
</head>
<body background="timg.jpg">
  <center><br><br><br><br><br><br><br><br>
    <hr size="2.5px" width="30%" color="blue"><br>
    <form action="" method="get" class="box">
      <div class="form-example">
        <label for="name"><font color="blue"><h3>请输入你的用户名:</label>
        <input type="text" name="name" id="name"></font></h3>
      </div>
      <div class="form-example">
        <label for="password"><font color="blue"><h3>请输入你的密码:&nbsp;&nbsp;&nbsp;</label>
        <input type="password" name="password" id="password"></font></h3>
     </div> 
       <div class="form-example">
        <h3><font color="blue">性别：&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        女生：<input type="radio" name="female">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
        男生：<input type="radio" name="male"></h3></font>
      </div>
      <div class="form-example">
        <h3><font color="blue">你的兴趣：
          杂志<input type="checkbox" name="magzine"><br>
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;美食<input type="checkbox" name="food"><br>
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;新闻<input type="checkbox" name="news"><br>
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;游戏<input type="checkbox" name="game"><br>
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;音乐<input type="checkbox" name="music"><br>
      </div>
      <div class="form-example">
      <input type="submit" value ="提交">
      </div>
    </form>
    <hr size="2.5px" width="30%" color="blue"><br>
</center>
</body>
</html>

posted @ 2018-09-28 00:54  共挽鹿车  阅读(96)  评论(0)    收藏  举报