首页 > 代码库 > 表单总结

表单总结

表单专题

<!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="http://www.mamicode.com/登录系统"/>
  <input type = "reset" value="http://www.mamicode.com/重新"/>
 </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="http://www.mamicode.com/人生">人生<br/>
  <input type="checkbox" name="book" value="http://www.mamicode.com/穆斯林的葬礼">穆斯林的葬礼<br/>
  <input type="checkbox" name="book"value="http://www.mamicode.com/平凡的世界">平凡的世界<br/>
  你最喜欢的书籍:<br/>
  <input type="radio" name="book"value="http://www.mamicode.com/人生">人生<br/>
  <input type="radio" name="book" value="http://www.mamicode.com/穆斯林的葬礼">穆斯林的葬礼<br/>
  <input type="radio" name="book"value="http://www.mamicode.com/平凡的世界">平凡的世界<br/>
  下拉列表:
   选择你喜欢的作者:
  <select name="author" size=3 multiple>
<option value="http://www.mamicode.com/萧红">萧红</option>
<option value="http://www.mamicode.com/霍达">霍达</option>
<option value="http://www.mamicode.com/路遥">路遥</option>
  </select><br/>
   选择你最喜欢的作者:
 <select>
<option value="http://www.mamicode.com/萧红">萧红</option>
<option value="http://www.mamicode.com/霍达">霍达</option>
<option value="http://www.mamicode.com/路遥">路遥</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="http://www.mamicode.com/ok">
  <input type="submit"   value="http://www.mamicode.com/测试">
  </form>
 </body>
</html>


表单总结