标签3
Form中的get和post方法，在数据传输过程中分别对应了GET和POST方法。
二者主要区别如下：
1、Get将表单中数据的按照variable=value的形式，添加到action所指向的URL后面，并且两者使用“?”连接，而各个变量之间使用“&”连接；Post是将表单中的数据放在form的数据体中，按照变量和值相对应的方式，传递到action所指向URL。
如下形式：
http://www.imooc.com/test.asp?name=lilian&password=12345678
2、Get是不安全的，因为在传输过程，数据被存放在请求的URL地址中，这样就可能会有一些隐私的信息被第三方看到。
3、Get方式传输的数据量非常小，一般限制在 2KB 左右，但是执行效率却比 Post 方法好；而 Post 方式传递的数据量相对较大，它是等待服务器来读取数据，不过也有字节限制，这是为了避免对服务器用大量数据进行恶意攻击，根据微软方面的说法，微软对用 Request.Form()可接收的最大数据有限制，IIS4中为 80KB 字节，IIS5 中为 100KB 字节。
综上所述，请尽量用 Post 方法。
<form action="save.php" method=" post"></form>
1.<form> ：<form>标签是成对出现的，以<form>开始，以</form>结束。
2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。
3.method ： 数据传送的方式（get/post）。
所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在<form></form>标签之间（否则用户输入的信息可提交不到服务器上哦！）。
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>表单标签</title> 6 </head> 7 <body> 8 <form method="post" action="save.php"> 9 <label for="username">用户名:</label> 10 <input type="text" name="username" id="username" value="" /> 11 <label for="pass">密码:</label> 12 <input type="password" name="pass" id="pass" value="" /> 13 <input type="submit" value="确定" name="submit" /> 14 <input type="reset" value="重置" name="reset" /> 15 </form> 16 </body> 17 </html>
在<form></form>中<input/>设置
type：当为text时为文本输入框，当为password时为密码输入框，
name：为文本框命名，以便给后台asp和php使用，
value：为文本框设置默认值，一般起提示作用
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>文本输入框、密码输入框</title> 6 </head> 7 <body> 8 <form method="post" action="save.php"> 9 账户: 10 <input type="text" name="MyName"/> 11 <br> 12 密码: 13 <input type="password" name="pass"/> 14 </form> 15 </body> 16 </html>
文本域<textarea rows=" " clos=" "></textarea>标签，在<form></form>标签中，设置文本框,通过rows设置文本框行数，clos设置列数，可以输入大量文字，
单选框和复选框：在<form></form>标签中<input type=""/>，type为radio时为单选框，为checkbox时为复选框，value为提交到服务器的值（后台php要使用），name为控件命名，为后台asp，php使用，当checked设置为checked时，默认被选中，注意，同一个单选框时name属性一定要相同，表明为同一个单选框，例如你是否喜欢旅游中name都为radioLove
下拉列表项，在<form></form>中<select></select>中设置<option value=" " selected=" ">内容</option>当selected设置为selected时表明被选中，value表明要提交到服务器的值，在<select></select>中设置multiple为multiple时，在windows中按住ctrl键可以多选，<select multiple="multiple"></select>
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>下拉列表框</title> 6 </head> 7 <body> 8 <form action="save.php" method="post" > 9 <label>爱好:</label> 10 <select> 11 <option value="看书">看书</option> 12 <option value="旅游">旅游</option> 13 <option value="运动" selected="seclected">运动</option> 14 <option value="购物">购物</option> 15 </select> 16 </form> 17 </body> 18 </html>
在菜单中提交按钮，
在<form></form>中<input></input>中type为submit时，提交才有作用，value为按钮显示的文字，当type为reset表示重置
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>提交按钮</title> 6 </head> 7 <body> 8 <form method="post" action="save.php"> 9 <label for="myName">姓名：</label> 10 <input type="text" value=" " name="myName " /> 11 <input type="submit" value="提交" name="submitBtn" /> 12 </form> 13 </body> 14 </html>
label标签不会向用户呈现任何特殊效果，它的作用是为鼠标用户改进了可用性。如果你在 label 标签内点击文本，就会触发此控件。就是说，当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上（就自动选中和该label标签相关连的表单控件上）。label标签与相关控件相连，<label for="相关控件的id"></label>注for的id和相关连控件id要相同，当为单选时，name要相同，
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 5 <title>form中的lable标签</title> 6 </head> 7 8 <body> 9 <form> 10 你对什么运动感兴趣：</br> 11 <label for="joy">慢跑</label> 12 <input type="checkbox" name="play" id="joy" /> 13 <br /> 14 <label for="joy">登山</label> 15 <input type="checkbox" name="play" id="joy" /> 16 <br /> 17 <label for="joy">篮球</label> 18 <input type="checkbox" id="email" name="joy"> 19 20 </form> 21 22 </body> 23 </html>
