首页 > 代码库 > 表单总结
表单总结
表单专题
<!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/>
密 码:<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>
表单总结