<form action="/abc" method="get">
<div class="username">
<input type="text" name="username1">
</div>
<div class="password">
<input type="password" name="password1">
</div>
<div class="submit">
<button>提交</button>
</div>
</form>
POST/GET 二者區(qū)別
GET 本質(zhì)：URL 的拼接，所有的參數(shù)做一個(gè)拼接，拼接成一個(gè)新的 URL
GET 向后臺(tái)發(fā)請(qǐng)求時(shí)候，會(huì)把所有請(qǐng)求形式以 key=value 的形式組裝到一起，然后拼接到 URL 上；POST 形式的請(qǐng)求 URL 不會(huì)發(fā)生變化把敢，傳輸?shù)臄?shù)據(jù)依然通過(guò)瀏覽器傳輸給后臺(tái)。
GET：向后臺(tái)要數(shù)據(jù)谅辣，傳輸很少數(shù)據(jù)量指明要什么數(shù)據(jù)
POST：向后臺(tái)傳數(shù)據(jù)修赞，對(duì)安全性要求較高選擇 POST
form有兩個(gè)關(guān)鍵參數(shù)：action/method
action 將表單數(shù)據(jù)提交給后臺(tái)的哪個(gè)程序；method 選擇 GET 或者 POST屈藐。
表單數(shù)據(jù)要被 form 標(biāo)簽包裹上榔组，被 form 包裹的數(shù)據(jù)點(diǎn)擊 submit 后會(huì)被提交給目標(biāo)程序，而不被包裹的則不會(huì)被提交联逻。
form 是表單的外殼搓扯，主要有四個(gè)屬性：action/method/targer/enctype
target：何處打開(kāi) action
<div class="username">
<label for="username">姓名</label>
<input id="username" type="text" name="username1">
</div>
for 和 id 對(duì)應(yīng)，點(diǎn)中“姓名”也即是選中了輸入框
<div class="hobby">
<input type="checkbox" name="hobby" value="read">讀書(shū)
<input type="checkbox" name="hobby" value="music">聽(tīng)歌
<input type="checkbox" name="hobby" value="study">學(xué)習(xí)
</div>
checkbox 的 name 要設(shè)置為一樣的包归，表示其是多選锨推，都針對(duì) name；value 要設(shè)置公壤。
<div class="sex">
<label>性別</label>
<input type="radio" name="sex" value="男">男
<input type="radio" name="sex" value="女">女
</div>
radio 為單選
<div class="file"> <!---->
<input type="file" name="myfile" accept="image/png">
</div>
文件上傳换可，只接受 accept 中的
<div class="select">
<select name="city"><!---->
<option value="Beijing">北京</option>
<option value="Shanghai" selected>上海</option>
<option value="Hangzhou">杭州</option>
</select>
</div>
name 就是傳給后端 key=value 的 key
<div class="textarea"><!--多行文本-->
<textarea name="article">
</textarea>
</div>
<!--在頁(yè)面中隱藏一些信息，為了安全-->
<input type="hidden" name="abcd" value="123456">
<input type="button" name="">
<input type="submit" value="submit">
<input type="reset" value="reset">