<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ù)做一個拼接，拼接成一個新的 URL

GET 向后臺發(fā)請求時候，會把所有請求形式以 key=value 的形式組裝到一起，然后拼接到 URL 上；POST 形式的請求 URL 不會發(fā)生變化，傳輸?shù)臄?shù)據(jù)依然通過瀏覽器傳輸給后臺。

GET：向后臺要數(shù)據(jù)，傳輸很少數(shù)據(jù)量指明要什么數(shù)據(jù)
POST：向后臺傳數(shù)據(jù)，對安全性要求較高選擇 POST

form有兩個關(guān)鍵參數(shù)：action/method
action 將表單數(shù)據(jù)提交給后臺的哪個程序；method 選擇 GET 或者 POST。

表單數(shù)據(jù)要被 form 標簽包裹上，被 form 包裹的數(shù)據(jù)點擊 submit 后會被提交給目標程序，而不被包裹的則不會被提交。

form 是表單的外殼，主要有四個屬性：action/method/targer/enctype
target：何處打開 action

    <div class="username">
        <label for="username">姓名</label>
        <input id="username" type="text" name="username1">
    </div>

for 和 id 對應(yīng)，點中“姓名”也即是選中了輸入框

    <div class="hobby">
        <input type="checkbox" name="hobby" value="read">讀書
        <input type="checkbox" name="hobby" value="music">聽歌
        <input type="checkbox" name="hobby" value="study">學(xué)習(xí)
    </div>

checkbox 的 name 要設(shè)置為一樣的，表示其是多選，都針對 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>


    <!--在頁面中隱藏一些信息，為了安全-->
    <input type="hidden" name="abcd" value="123456">
    <input type="button" name="">
    <input type="submit" value="submit">
    <input type="reset" value="reset">