php 按钮的属性值,HTML <button> 标签 formmethod属性

最新推荐文章于 2023-05-11 20:39:37 发布
转载 最新推荐文章于 2023-05-11 20:39:37 发布 · 199 阅读 · 0
文章标签：

#php 按钮的属性值

本文详细介绍了HTML表单中的formmethod属性，该属性决定了表单数据如何被发送（GET或POST）。文章对比了这两种方法的特点，包括安全性、数据长度限制、缓存能力等。

HTML 标签 formmethod属性

1a95e22c8824affa31c56e50c71da07e.pngformmethod属性指以何种形式发送数据。formmethod属性会覆盖

元素的method 属性。

案例

当点击第一个按钮时表单会以method属性值提交，第二个按钮则以formmethod值覆盖method属性后提交

668c12005c6f3f51d791c797fa8679f4.png

姓氏：

名字: 

get方式

post方式

支持浏览器

Internet Explorer 9 及之前的版本不支持 标签的 formmethod 属性

95ffd7c42d970fdbc512701bb4a26945.png

3a729b84d94519de1c82c0b6fa62e04e.png

9b32a8cec84269d33d84cad24320dd13.png

1b0c219e477a6675726a96c9791fec2c.png

12496100f50e4260f8154a3be171818f.pngformmethod属性值值描述

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

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

语法

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的formmethod属性是讲述前端的发送方式，如果你想了解后台接收方式可以查看PHP表单提交

php表单method,详解form标签中的method属性
weixin_28746457的博客
03-20 1584
实例在下面的例子中，表单数据将通过 method 属性附加到 URL 上：First name: Last name: 定义和用法method 属性规定如何发送表单数据(表单数据发送到 action 属性所规定的页面)。表单数据可以作为 URL 变量(method="get")或者 HTTP post (method="post")的方式来发送。method 属性浏览器使用 method 属性设置...
＜form＞表单中的action和method使用方法
热门推荐
kk651的博客
04-20 1万+
<form action="www.baidu.com" method="post"> form是表单    里面的内容是要提交出去的。 action 是链接    action可以理解成url，也就是当你内容填好以后点了提交按钮提交出去后转向的页面，点击浏览选择提交位置。 method 是方法    method是方法，有get和post两种，各有所长。就是内容填好后提交需要一个方法，是获取你的内容还是传递你的内容。 ...
Html中Form表单的总结
qq_74397635的博客
05-11 2035
一个页面上的表单可能不止一个，为了区分这些表单，就需要name 属性给表单命名，通常与id属性值相同。action 属性定义在提交表单时执行的动作，向服务器提交表单的通常做法是使用提交按钮。发送的方式但是它的初始值为get。相对路径（如果你在A文件夹时）： ..\B文件夹 （‘..\’向上一级意思）input标签是用于搜集用户的信息，根据不同的属性值，输入字段有多种形式。路径，从一个目录为起点到另外一个的目录的路径。表示了多少列，用来表示文本域的宽度，则表示多少行，用来表示文本域的高度。
GET/POST
lysunki的博客
11-21 558
HTML 标签的 method 属性 HTML 标签 定义和用法 method 属性规定如何发送表单数据（表单数据发送到 action 属性所规定的页面）。 表单数据可以作为 URL 变量（method="get"）或者 HTTP post （method="post"）的方式来发送。 实例 在下面的例子中，表单数据将通过 method 属性附加到 URL 上： [cod...
php 按钮的属性值,HTML button标签的属性有哪些
weixin_39987847的博客
03-17 597
HTML button的属性有：autofocus、disabled、form、formaction、formenctype、formmethod、formnovalidate、formtarget、name、type、value。本教程操作环境：windows7系统、HTML5版、Dell G3电脑。HTML 标签 标签定义一个按钮。在 button 元素内部，您可以放置内容，比如文本或图像。...
php表单
smilenancy520的博客
11-07 357
1、php表单实例： a.html: html> body> form action="welcome.php" method="post"> Name: input type="text" name="fname"> Age: input type="text" name="age"> button type="submit">Click Me!button>
<h1>注册信息</h1> <form action="action_page.php" method="get"> <label>姓名：</label><input type="text" placeholder="请输入真实姓名"> <br></br> <label>密码：</label><input type="password" placeholder="请输入密码"> <br></br> <label>确认密码：</label><input type="password" placeholder="请输入确认密码"> <br></br> <label>性别：</label> <label><input type="radio" name="gender"> 男</label> <label><input type="radio" name="gender" checked> 女</label> <br></br> <label>居住城市：</label> <select> <option>北京</option> <option>上海</option> <option>广州</option> <option>深圳</option> <option>武汉</option> </select> <h2>教育经历</h2> <label>最高学历：</label> <select> <option>博士</option> <option>硕士</option> <option>本科</option> <option>大专</option> </select> <br></br> <label>学校名称：</label><input type="text"> <br></br> <label>所学专业：</label><input type="text"> <br></br> <label>在校时间：</label> <select> <option>2015</option> <option>2016</option> <option>2017</option> <option>2018</option> </select> <br></br> <select> <option>2019</option> <option>2020</option> <option>2021</option> <option>2022</option> </select> <br></br> <h2>工作经历</h2> <label>公司名称：</label><input type="text"> <br></br> <label>工作描述：</label> <br> <textarea></textarea> <br></br> <input type="checkbox"><label>已阅读并同意以下协议：</label> <ul> <li><a href="#">《用户服务协议》</a></li> <li><a href="#">《隐私政策》</a></li> </ul> <br></br> <button>免费注册</button> <button type="reset">重新填写</button> </form>
04-03
<form method="post"> <!-- 应使用POST方法提交敏感信息 --> ``` 2. $\text{协议确认}$ ```html <!-- 必须勾选才能提交 --> <input type="checkbox" required> ``` $\textcolor{purple}{四、布局优化方案}$ ...
<html> <html lang="zh-CN"> <head> <meta charset="UTF-8"> <title>www.qiandu.com</title> </head> <body> <h1>wasai</h1> <p id='123'>不错</p> <img src="1.jpg"> <audio src="1.mp3">asd</audio> <video src="2.mp4">视频</video> <table border="1"> <caption>aaa</caption> <tr> <th>序号</th> <th>姓名</th> <th>性别</th> <th>年龄</th> </tr> <tr> <td>1</td> <td>张三</td> <td>男</td> <td>18</td> </tr> <tr> <td>2</td> <td>王五</td> <td>男</td> <td>22</td> </tr> </table> <br> <a href="login.html">登陆</a> <form action="login.php" method="get" onclick="alert('')"> <script> function test() { var a=document.getElementById('username').value; var a=document.getElementById('password').value; alert("用户名：" + username + "\n密码：" + password); return false; // 阻止表单提交 } </script> 用户：<input type="text"id="username" name="username"><br> 密码：<input type="password" id="password" name="password"><br> 男：<input type="radio" name="sex" value="nan"> 女：<input type="radio" name="sex" value="nv"><br> 打游戏：<input type="checkbox" name="xq[]"> 听音乐：<input type="checkbox" name="xq[]"> 看小说：<input type="checkbox" name="xq[]"><br> <select id="2" name="city" > <option>成都</option> <option>广安</option> <option>北京</option> </select> <input type="file" name="file"> <textarea id="1" name="" rows="5" cols="4"></textarea> <input type="button" value="提交" name= "" > <button>注册</button> </form> <script src="test.js"></script> </body> </html>
03-08
图片、音频、视频标签的`src`属性正确，但音频和视频可能需要备用内容，比如`<audio>`和`<video>`标签内的文本会在不支持时显示。表格部分结构正确，但`border`属性在HTML5中已经不推荐使用，建议用CSS替代。 表单...
补全代码：1. 填空题 （ 90 分 ） <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>注册页面</title> </head> <body> <form action="" method = "( )">//用POST方法提交 <table border="1"> <caption>新用户注册</caption> <tr> <td>用户名</td> <td><input type="text" name="username"></td> </tr> <tr> <td>密码</td> <td><input type="password" name="password"></td> </tr> </table> <input type="( )" value="注册"> </form> <?php echo"( )";//请输出用户名 ?> </body> </html>
03-30
在 HTML 中，`<form>` 元素的 `method` 属性决定了客户端如何向服务器发送数据。通常有两种方法可供选择：GET 和 POST。 #### GET 方法 如果使用 `method="get"`，则表单中的数据会被附加到 URL 后面作为查询字符串...
<title>>标签属性
03-02
### HTML `<button>` 标签属性及使用方法 `<button>` 标签用于定义可点击按钮，该标签提供多种属性以便于增强交互性和功能...<button formaction="/other_page.php" formmethod="post">Go To Other Page</button> ```
<div id="upload_panel"> <ol> <li> <h3>任务</h3> <p>上传一个<code>webshell</code>到服务器。</p> </li> <li> <h3>上传区</h3> <form enctype="multipart/form-data" method="post" onsubmit="return checkFile()"> <p>请选择要上传的图片：<p> <input class="input_file" type="file" name="upload_file"/> <input class="button" type="submit" name="submit" value="上传"/> </form> <div id="msg"> 提示：上传出错！ </div> <div id="img"> </div> </li> <li id="show_code"> 这段代码解释下
最新发布
08-07
<form enctype="multipart/form-data" method="post" onsubmit="return checkFile()"> <p>请选择要上传的图片：<p> <input class="input_file" type="file" name="upload_file"/> <input class="button" type=...
php表单method,HTML input formmethod 属性 | 菜鸟教程
weixin_34863212的博客
03-20 233
HTML formmethod 属性实例第二个提交按钮覆盖了表单的 HTTP 方法：First name: Last name: 尝试一下 »浏览器支持Internet Explorer 10、Firefox、Opera、Chrome 和 Safari 支持 formmethod 属性。注意：Internet Explorer 9 及之前的版本不支持 标签的 formmethod 属性。定义和...
HTML中Form表单的method属性
syaguang2006的专栏
08-19 5331
HTML中Form表单的method属性
form标签中的method属性
whatareyougoo的博客
01-12 5068
在
HTML method的作用,HTML <form> 标签的 method 属性
weixin_30819757的博客
06-28 1051
明确传递参数前面的一些建议也可以作为选择此种方式的一定解释。假设你有一个很简单的表单，其中只包含 x 和 y 这两个参数。在对这些元素的值进行编码时，它们的形式如下所示：x=28&y=66如果表单采用了 method=GET，那么用来引用服务器端应用程序的 URL 将如下所示：http://www.example.com/example/program?x=28&y=66在任何时候...
html 中 form 标签中的 method属性
biu_bui_biu的博客
11-03 6874
form 标签的一般写法 ： <form action="提交表单后动作" method="methodValue"> 其中methodValue 一共有两种值，分别代表着两种form 表单提交模式。 其中： post 模式下：浏览器将会与action 属性中指导的表单处理服务器建立联系，一旦建立联系之后，浏览器就会按分段传输的方法将数据发送给服务器。 ...
form标签的作用
z2431435的博客
05-12 3590
form标签用于为用户输入创建 HTML 表单 表单用于向服务器传输数据。 action通过设置submit按钮可以将表单数据传输到指定文件 规定当提交表单时向何处发送表单数据。 form 元素是块级元素 method表单数据可以作为 URL 变量（method="get"）或者 HTTP post （method="post"）的方式来发送 采用 POST 方法：浏览器将与 action 属性中指定的表单处理服务器建立联系 一旦建立连接之后，浏览器就会按分段传输的方法将数据发送给服务器。 .
Html中标签method属性的取值,HTML中的form标签的method属性怎么用？这里有method属性的用法介绍...
weixin_39753211的博客
06-05 1603
本篇文章主要的介绍了关于HTML中的form标签的method属性的定义及其用法解释，做了详细的解释，后面还有两个常见的问答和method属性的实例，现在就让我们一起看下去吧首先我们来看看HTML中的form标签的method属性的意思？method属性是规定如何发送表单数据(表单数据发送到action属性所规定的页面)。表单数据可以作为URL变量(method="get")或者HTTP post...
form表单中method属性是干嘛的
m0_68469601的博客
10-11 1789
form表单中method属性是干嘛的
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值