表单专题

<!doctype html>

<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>登录页面</title>
 </head>
 <body>
 <!--action的值应当提交给那个页面（url）-->
 <!--action的方法指定提交数据的方式 常用的方式有get/post-->
 <form action="ok.html" method="get">
  用户名：<input type="text" name="username"/><br/>
  密 &nbsp;&nbsp; 码：<input type="text" name="password"/><br/>
  <input type = "submit" value="登录系统"/>
  <input type = "reset" value="重新"/>
 </form>
 </body>
</html>

单选框：RadioButton    复选框：CheckBox    
<p hidden>这个段落应该被隐藏。</p>

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>表单元素</title>
 </head>
 <body>
  <form action="" method="get">
  你喜欢的书籍：<br/>
  <input type="checkbox" name="book"value="人生">人生<br/>
  <input type="checkbox" name="book" value="穆斯林的葬礼">穆斯林的葬礼<br/>
  <input type="checkbox" name="book"value="平凡的世界">平凡的世界<br/>
  你最喜欢的书籍：<br/>
  <input type="radio" name="book"value="人生">人生<br/>
  <input type="radio" name="book" value="穆斯林的葬礼">穆斯林的葬礼<br/>
  <input type="radio" name="book"value="平凡的世界">平凡的世界<br/>
  下拉列表：
   选择你喜欢的作者：
  <select name="author" size=3 multiple>
<option value="萧红">萧红</option>
<option value="霍达">霍达</option>
<option value="路遥">路遥</option>
  </select><br/>
   选择你最喜欢的作者：
 <select>
<option value="萧红">萧红</option>
<option value="霍达">霍达</option>
<option value="路遥">路遥</option>
  </select><br/>
  读书笔记：<br/>
  <textarea  name = "text" cols="20" rows="20"></textarea><br/>
  文件上传：
  <input type = "file" name= "mybook">上传文件<br/>
 <!--隐藏域的使用-->
  <input type="hidden"  name="data" value="ok">
  <input type="submit"   value="测试">
  </form>
 </body>
</html>