【HTML】表单提交的细节

表单提交的细节

form标签中action属性设置提交的服务器地址，method属性设置提交的方式GET（默认值）或POST。

表单提交时，数据没有发送给服务器的三种情况：

1. 表单项没有name属性值
2. 单选，多选，下拉列表中的option标签要添加value属性
3. 表单项不在提交的form标签中

GET请求的特点是：

1. 浏览器地址栏中的地址是：action属性(+？+请求参数)，请求参数的格式是：name=value&name=value
2. 不安全，地址栏中可以看到密码
3. 有长度的限制

POST请求的特点是：

1. 浏览器地址栏中只有action属性值
2. 相对于GET请求更安全，看不到密码
3. 理论上没有数据长度的限制

 

<form action="http//:www.baidu.com" method="GET">

  <h1 align="center">用户注册</h1>

  <table align="center">

     <tr>

        <td>用户名称:</td>

        <td><input type="text" name="username" value="默认值" /></td>

     </tr>

     <tr>

        <td>用户密码:</td>

        <td><input type="password" name="password" value="123"/></td>

     </tr>

     <tr>

        <td>确认密码:</td>

        <td><input type="password" name="pw" value="123"/></td>

     </tr>

     <tr>

        <td>性 别:</td>

        <td><input type="radio" name="sex" value="boy">男

            <input type="radio" name="sex" checked="checked" value="girl">女

        </td>

     </tr>

     <tr>

        <td>兴趣爱好:</td>

        <td><input type="checkbox" name="hobby" value="painting"/>画画

            <input type="checkbox" name="hobby" value="paino" checked="checked"/>弹琴

            <input type="checkbox" name="hobby" value="dancing"/>跳舞

        </td>

     </tr>

     <tr>

        <td>国籍:</td>

        <td><select name="country">

               <option value="none">--请选择国籍--</option>

               <option value="russia">俄罗斯</option>

               <option value="china" selected="selected">中国</option>

               <option value="usa">美国</option>

            </select>

       </td>

     </tr>

     <tr>

        <td>自我评价:</td>

        <td><textarea name="desc" rows="5" cols="5">这里是默认值</textarea></td>

     </tr>

     <tr>

        <td><input type="reset" value="重置1"></td>

        <td align="center"><input type="submit" value="提交1"></td>

     </tr>

  </table>

</form>