前情回顧（不斷復習）：
HTML第一篇
HTML第二篇
HTML第三篇
HTML第四篇
HTML第五篇
表單標簽
我們每天都在使用QQ，那你知道QQ這個登錄界面是怎么實作的嗎？今天就教你做一個登錄界面，
表單標簽：
<form> </form> ：封裝表單標簽的范圍
action：action屬性，表示表單要提交的地址（提交到后臺，servlet），
method：method屬性，表示表單提交方式,有get和post兩種屬性
get和post的區別：
1、get方式進行提交時，引數串列內容以明文形式顯示到地址欄上，
post方式提交時，封裝到請求體中，（請求體屬于http協議部分的內容），不會顯示在地址欄中，這種方式比較安全
2、get方式提交時，安全級別比較低，
post方式提交，安全級別比較高，
3、get方式提交時，對引數串列的資料大小有限制，地址欄大小是一定的，默認是1KB，
post方式提交時， 對大資料沒有限制，支持大資料的傳輸，
<input> ：用戶輸入項的內容
屬性：1.name 名稱（必須指定）
2.value 值
type：屬性值的不同，顯示不同的輸入框
例如： type="text" ：普通的文本框
type="password" ：密碼框，非明文的
普通文本框一般就是我們的用戶名，用戶名輸入的時候別人是可以看到的，我們的密碼一般不會讓別人看見，所以密碼的輸入框選擇非明文的，保護我們的隱私，
type="radio" ：單選按鈕，
checked：默認值，只要在radio上出現了checked屬性，就默認是被選中的，
type="checkbox" ：多選按鈕
type="file"：檔案上傳
type="hidden" ：隱藏組件，用戶不需要看不到的資料，使用該該組件隱藏起來，
type="button" ：按鈕
type="submit" ：提交，默認顯示“提交查詢”，
表單收集用戶資料，點擊后就可以把表單資料提交到后臺，
type="reset" ：重置，默認顯示“重置”，恢復到最初的狀態，
單選按鈕就比如在性別的選擇上你只能選擇男性或者女性，多選按鈕就用在興趣愛好，你可以愛好籃球也可以愛好游戲，
檔案的上傳就例如我們平時用的各種軟體中的檔案上傳，
<select> </select> ：選擇下拉框，
name ：name屬性必須指定，并且指定在select標簽上，
<option> </option> ：
value ：value屬性必須指定，并且指定在option標簽上
selected ：默認值屬性，例如：selected="selected"
<textarea></textarea>：文本域，可以寫入多行多列的內容
rows：行數，
cols：列數，
選擇下拉框就像圖中的樣子，可以選擇不同的城市，文本域就好比是我們平時填寫調查問卷最后的那部分主觀問題，需要你自己填上文字，
下面看一個完整的實體，具體的了解一下上面的知識點
<body>
<form action="http://localhost:8080/UITEXT/servlet/Success" method="get">
用戶名：<input type="text" name="" value=""/> <br />
密碼：<input type="password" name="password" value="" /> <br />
性別：<input type="radio" name="sex" value="nan"/>男<input type="radio" name="sex" value="nv" />女 <br />
愛好：<input type="checkbox" name="love" value="lq" />籃球
<input type="checkbox" name="love" value="sj" />睡覺
<input type="checkbox" name="love" value="yx" checked="checked" />游戲 <br />
<input type="file" name="myfile" /><br />
居住地： <select name="city">
<option value="none">--請選擇--</option>
<option value="bj" selected="selected">北京</option>
<option value="sh">上海</option>
<option value="gz">廣州</option>
<option value="hb">河北</option>
<option value="tj">天津</option>
</select><br />
<textarea rows="10" cols="10"></textarea><br />
<input type="button" value="按鈕" />
<input type="submit" value="注冊" />
<input type="reset" />
</form>
</body>
運行結果：
學完了今天的知識，是不感覺做出來的網頁更有成就感了，不要放棄，繼續學習，做更好的自己，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/271936.html
標籤：其他
上一篇：嵌入式學習DAY28 --- 執行緒、同步和互斥問題、如何實作同步和互斥？
下一篇：CodeReview的原則