form表單標簽
作用：
收集並提交用戶的信息給指定服務器，其所收集的是form標簽內的數據
action：地址
method：方式，包括get和post
表單域標簽
作用：
給用戶提供輸入數據或選擇的地方
使用：
文本框：input type="text"
text:收集少量的文本數據，用戶可見
possword:用戶不可見，會成為黑點
name
<html>
<head>
<title>form標簽</title>
<meta charset="UTF-8"/>
<head/>
<!--
form表單標簽
作用：收集並提交用戶的信息給指定服務器
其所收集的是form標簽內的數據
action：表示所收集的數據所提交的地址，就是URL
#會自己提自己
method：表所提交的方式
包括get：適合小量數據 表單數據以？隔開，拼接在URL后面，鍵值對中間用&隔開，不安全
post：適合大量數據，安全，不在URL后顯示
使用：
表單標簽中寫表單域標簽
再點擊數據提交時，form標簽會將其中的表單域標簽中用戶書寫的數據按照method的方式進行提交
提交到action的指定地址
表單域標簽
作用：給用戶提供輸入數據或選擇的地方
使用：
文本框：input type="text"
text:收集少量的文本數據，用戶可見
possword:用戶不可見，會成為黑點
name:數據提交的鍵，也會被js使用
注：表單數據的提交，提交的表單必須擁有name屬性值，否則不會提交
輸入之后按登錄會在網頁路徑的地方提交輸入的數據
提交的數據為鍵值對，鍵為name屬性的值，值為用戶輸入的數據
-->
<body>
<h3>form標簽學習</h3>
<hr />
<form action="#" method="get">
用戶名：<input type="text" name="uname" value="張三"/><br />
<!--value是默認值，直接會顯示在文本框中-->
密碼：<input type="password" name="upwd"/><br />
<input type="submit" value="登錄"/><br />
<!--form表單的提交目前需依賴於submit提交按鈕，必須要寫，不然無法提交-->
</form>
</body>
</html>
單選框標簽
格式
input type="radio" name="" value="" checked="checked"
注：所有單選框若name屬性一樣則只能選一個
<html>
<head>
<title>單選框學習</title>
<meta charset="UTF-8"/>
</head>
<body>
<h3>單選框學習</h3>
<hr />
<form>
性別：男<input type="radio" name="sex" value="1" checked="checked"/>
女<input type="radio" name="sex" value="0"/><br>
<!--
默認提交不會提交男女等前面的與單選框無直接關系的值，若不設置value，則提取默認值
一般還會設置一個默認值checked,默認選此選項
-->
<input type="submit" value="登錄"/>
</form>
</body>
</html>
多選框標簽
<form>
愛好：唱歌<input type="checkbox" name="fav" value="1"/>
跳舞<input type="checkbox" name="fav" value="2"/>
跑步<input type="checkbox" name="fav" value="3"/><br />
<!--
多選框
input type="checkbox" name="" value="" checked="checked"
name值必須相同，value值不同，提交的是value
-->
</form>
設置多/單選框大小
在css中寫
input{
height:10px;
transform:scale(1.5);/*設置單選多選框的大小，（）內大於1是放大，小於1是縮小*/
}
下拉框選項
- select其下面有子標簽，下拉選項，用option,一個option代表一個下拉選項
- 在select上聲明name屬性
- 也有默認選項selected
<select name="address">
<option value="0">--請選擇--</option>
<option value="1">北京</option>
<option value="2">上海</option>
<option value="3" selected="selected">山西</option>
</select><br />
文本域
textarea name="intro" rows="10" cols="30"
row：行數
cols：列數
<textarea name="intro" rows="10" cols="30"></textarea><br />
普通按鈕
不具備數據提交功能
input type="button" id="" value=""
<input type="button" id="" value="普通按鈕"/>
隱藏標簽
數據必須隨着用戶的提交而提高，但又不能顯示給用戶，挺重要的
input type="hidden" name="" id="" value=""
在頁面上不顯示，但在提交的數據中可以看到定義的數據
<input type="hidden" name="hidden" id="" value="hh"/>
重置按鈕
可以清除數據
reset
<form action="/study/login.jsp" method="get">
<input type="reset" id="" value="清除數據" style="background-color:#C4E1FF;" />
</form>
使用按鈕跳轉到指定頁面
<!--在button中嵌套a標簽，會生成跳轉按鈕，跳轉至href指定的頁面-->
<button id="face" style="background-color:#FFDCB9;">
<a href="" style="color:black;" target="_blank">使用Facebook賬號登錄</a>
</button>
使按鈕居中
<center>
<input type="submit" value="提 交" id="in1"/>
</center><!--用center將按鈕居中-->