php form表单属性,HTML <form> 标签 method属性

HTML

标签 method属性

method 属性规定以何种方式发送表单数据。

案例

e1ed69e20adb83cd157faf7ca2cda3ac.png

937866db7bb70a31922970276cf7c097.png

姓氏:

名字: 

姓氏:

名字: 

method属性值值描述

get默认。将表单数据(form-data)以名称/值对的形式附加到 URL 中:URL?name=value&name=value。

post以 HTTP post 事务的形式发送表单数据(form-data)。

支持浏览器

95ffd7c42d970fdbc512701bb4a26945.png

3a729b84d94519de1c82c0b6fa62e04e.png

9b32a8cec84269d33d84cad24320dd13.png

1b0c219e477a6675726a96c9791fec2c.png

12496100f50e4260f8154a3be171818f.png

语法

GET 方法

请注意,查询字符串(名称/值对)是在 GET 请求的 URL 中发送的,参数写在 ? 后面,用 & 分割:/form_method.php?xing=value1&ming=value2

POST 方法

请注意,查询字符串(名称/值对)是在 POST 请求的 HTTP 消息主体中发送的,POST则不会在URL地址上显示:POST /form_method.php HTTP/1.1

Host: xuandaima.com

xing=value1&ming=value2

GET和POST对比GETPOST

后退按钮/刷新无害数据会被重新提交(浏览器应该告知用户数据会被重新提交)。

书签可收藏为书签不可收藏为书签

缓存能被缓存不能缓存

编码类型application/x-www-form-urlencodedapplication/x-www-form-urlencoded 或 multipart/form-data。为二进制数据使用多重编码。

历史参数保留在浏览器历史中。参数不会保存在浏览器历史中。

对数据长度的限制是的。当发送数据时,GET 方法向 URL 添加数据;URL 的长度是受限制的(URL 的最大长度是 2048 个字符)。无限制。

对数据类型的限制只允许 ASCII 字符。没有限制。也允许二进制数据。

安全性与 POST 相比,GET 的安全性较差,因为所发送的数据是 URL 的一部分。

在发送密码或其他敏感信息时绝不要使用 GET !POST 比 GET 更安全,因为参数不会被保存在浏览器历史或 web 服务器日志中。

可见性数据在 URL 中对所有人都是可见的。数据不会显示在 URL 中。

HTML的method属性是讲述前端的发送方式,如果你想了解后台接收方式可以查看PHP表单提交

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
这段代码有一些问题,我来逐个指出并提供改进的方案: 1. 没有为元素设置name属性,导致提交时无法获取数据。因此,需要给每一个元素都设置name属性,例如: ```html <input type="text" name="name"> ``` 2. 在性别选项中,使用了一个嵌套的form元素,这是不合法的HTML结构。应该将性别选项用label元素包裹,并为每个选项设置id属性,然后在label元素中使用for属性指向该选项的id,例如: ```html <label for="male"><input type="radio" id="male" name="gender" value="男">男</label> <label for="female"><input type="radio" id="female" name="gender" value="女">女</label> ``` 3. select元素没有设置name属性,也无法选择默认选项。应该给select元素设置name属性,并在其中加入一个默认选项(可以使用disabled和selected属性来禁止该选项被选中),例如: ```html <select name="language"> <option disabled selected>请选择语言</option> <option>HTML</option> <option>CSS</option> <option>jquery</option> <option>javascript</option> <option>vue.js</option> </select> ``` 4. input元素的id属性应该为小写字母。 下面是改进后的代码: ```html <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>信息填写</title> <script> window.onload = function() { var oBtn = document.getElementById("btn"); oBtn.onclick = function () { alert("提交成功"); }; } </script> </head> <body> <h1>信息填写</h1> <form method="post"> 姓名:<input type="text" name="name"><br> <br> 账号:<input type="text" name="account"><br> <br> 密码:<input type="password" name="password"><br> <br> <label for="male"><input type="radio" id="male" name="gender" value="男">男</label> <label for="female"><input type="radio" id="female" name="gender" value="女">女</label><br> <br> <select name="language"> <option disabled selected>请选择语言</option> <option>HTML</option> <option>CSS</option> <option>jquery</option> <option>javascript</option> <option>vue.js</option> </select><br> <br> <input id="btn" type="button" value="提交"> </form> </body> </html> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值