HTML--表单demo

表单：

<!doctype>
  <html>
  <head>
  <title>主题标题</title>
  <meta charset="utf-8">
  </head>
  <body>
  <form>
  <table border="1" bgcolor="#EC4A4B">
  <tr>
  <td>用户名：</td>
  <td><input type="text" placeholder="请输入用户名"></td>
  </tr>
  <tr>
  <td>密码：</td>
  <td><input type="password" placeholder="请输入您的密码"></td>
  </tr>
  <tr>
  <td>性别：</td>
  <td>
  <input type="radio" name="sex">男
  <input type="radio" checked name="sex">女
  <input type="radio" name="sex">保密
  </td>
  </tr>
  <tr>
  <td>爱好：</td>
  <td>
  <input type="checkbox">睡觉
  <input type="checkbox">唱歌
  <input type="checkbox">打游戏
  </td>
  </tr>
  <tr>
  <td>自我介绍：</td>
  <td><textarea placeholder="请输入您的自我介绍" cols="10" rows="5"></textarea></td>
  </tr>
  <tr>
  <td>上传头像：</td>
  <td><input type="file"></td>
  </tr>
  <tr>
  <td><input type="submit" value="注册"></td>
  <td><input type="reset"></td>
  </tr>
  </table>
  </form>
  </body>
  </html>
 

 

                                                                    

 

posted on 2017-03-18 18:33  zhangailing  阅读(263)  评论(0)  编辑  收藏  举报

导航