定義：<form>標簽代表一個表單，表單用于向服務器傳輸數據。包含<input>,可以是文本字段，按鈕，單選框，復選框，提交按鈕等，還可以包含<textarea><select>等。

form表單常用屬性：

               name：用于定義表單的名稱

               action：用于規定表單提交將數據發送給誰

               method：提交數據的方式，一般為post請求或get請求

格式：

     

    <form name="login" action="" method="get">
            
    </form>

   

form表單中的子標簽：

                 input種類：

                          text：

   <form name="" action="" method="">
        text<br>
        <!--placeholder占位-->
        用戶名：<input type="text" placeholder="請輸入中文用戶名">
        <hr>
    </form>

password：

             輸入內容不可見，一般用于密碼框。

 <form name="" action="" method="">
        password<br>
        密碼：<input type="password">
        <hr>
        
    </form>

radio：

      單選，實現單選必須設置相同的名字。

<form name="" action="" method="">
        radio<br>
        是否記住密碼：<input type="radio" name="nsp">是 <input type="radio" name="nsp">否
        <hr>
    </form>

checkbox：

    多選。

 <form name="" action="" method="">
        checkbox<br>
        選擇喜愛的事物：<input type="checkbox" name="">唱 <input type="checkbox" name="">跳 <input type="checkbox" name="">rap <input type="checkbox" name="">籃球
        <hr>
    </form>

button:

按鈕。

    <form name="" action="" method="">
        button<br>
        按鈕：<input type="button" value="點我啊！">
        <hr>
    </form>

hidden：

用于提交表單，在頁面上不顯示，在源碼中顯示。

    <form name="" action="" method="">
        hidden<br>
        隱藏類型：<input type="hidden" value="123456">
        <hr>
    </form>

file：

用于提交文件，或者選擇文件。點擊時會彈出文件選擇框。

 

    <form name="" action="" method="">
        file<br>
        <input type="file" value="提交文件">
        <hr>
    </form>

submit:

一般用于登錄頁面向后臺提交登錄信息。點擊時會像后臺發送登錄信息。只會提交位于form表單內的信息。

    <form name="" action="" method="">
        text<br>
        <!--placeholder占位-->
        用戶名：<input type="text" placeholder="請輸入中文用戶名">
        <hr>
        password<br>
        密碼：<input type="password">
        <hr>
        submit<br>
        提交按鈕：<input type="submit" value="提交">
        <hr>
    </form>

reset:

重置位于form表單內的信息。

    <form name="" action="" method="">
        重置：<input type="reset" value="重置">
        <hr>
    </form>

image：

圖片類型，相當于圖片按鈕。

    <form name="" action="" method="">
        image<br>
        <input type="image" src="C:\Users\sd-acm\Desktop\sign.jpg">
        <hr>
    </form>

select：

下拉框。

  <form name="" action="" method="">
        select<br>
        <select>
            <option>上海</option>
            <option>廣州</option>
            <option>深圳</option>
            <option>河南</option>
        </select>
        <hr>
    </form>

    <form name="" action="" method="">
        select<br>
        <!--multiple多選-->
        <select multiple="multiple">
            <option>上海</option>
            <option>廣州</option>
            <option>深圳</option>
            <option>河南</option>
        </select>
        <hr>
    </form>

textarea：

文本標簽。

    <form name="" action="" method="">
        textarea<br>
        <textarea width="10" height="40"></textarea>
        <hr>
    </form>