---
# System prepended metadata

title: 表單標籤提交細節
tags: [Html 標籤]

---

# 表單標籤提交細節
###### tags: `Html 標籤`

```htmlembedded=
<!--
    form標籤是表單標籤
        action屬性設置提交的服務器地址
        method屬性設置提交的方法GET(默認)或POST

    1.表單提交的時候，數據沒有發送給服務的三種情況；
     1.1 表單項沒有name屬性值
     1.2 單選、複選(下拉列表中的option標籤)都需要添加value屬性，以便發給服務器
     1.3 表單項不在提交的form標籤中

    2.GET請求的特點是:
        2.1 瀏覽器地址欄中的地址是：action屬性+[?+請求參數]
            請求參數的格式是：name=value&name=value
        2.2 不安全(信息顯示在上方)
        2.3 數據長度的限制

    3.POST請求的特點是:
        3.1 瀏覽器地址欄中只有action屬性
        3.2 相對於GET請求安全(看不到其他信息)
        3.3 理論上沒有數據長度的限制
        
    -->
    <form action="https://www.google.com/" method="post">
        <input type="hidden" name="action" value="login"/>
        <h1 align="center">用戶註冊</h1>
        <table align="center">
            <tr>
                <td>用戶名稱：</td>
                <td>
                    <input type="text" name="name" value="默認值"/>
               </td>
            </tr>
            <tr>
                <td>用戶密碼：</td>
                <td><input type="password" name="password"/><br/></td>
            </tr>
            <tr>
                <td>性別：</td>
                <td> <input type="radio" name="sex" checked="checked" value="boy"/>男
                     <input type="radio" name="sex" value="girl"/>女
                </td>
            </tr>
            <tr>
                <td>興趣愛好：</td>
                <td>
                     <input type="checkbox" name="hobby" checked="checked" value="java"/>Java
                     <input type="checkbox" name="hobby" value="js"/>JavaScript
                     <input type="checkbox" name="hobby" value="c++"/>c++
                </td>
            </tr>
            <tr>
                <td> 國籍：</td>
                <td><select name="country"><option value="none">--請選擇國籍--</option>
                    <option selected="selected" value="cn">--中國--</option>
                    <option value="us">--美國--</option>
                    <option value="jp">--日本--</option></select></td>
            </tr>
            <tr>
                <td>自我評價：</td>
                <td>
                    <textarea rows="10" cols="20" name="desc">我才是默認值</textarea></td>
            </tr>
            <tr>
                <td><input type="reset" value="重置"/></td>
                <td align="center"><input type="submit"/></td>
<!--                    <input type="button"/><br/>-->
<!--                    <input type="file"/><br/>-->
<!--                    <input type="hidden" name="abc" value="123"/>-->
            </tr>
        </table>
    </form>
```

![](https://i.imgur.com/4rRDHqA.png)
![](https://i.imgur.com/VuXkBff.png)
![](https://i.imgur.com/LTHsOsV.png)
![](https://i.imgur.com/L20j4GI.png)
