数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理学
化学
生物学
数学
英语
经济学
心理学
社会学
时尚研究
法律研究HTML DOM 表单 method 属性
HTML DOM 表单 method 属性与表单元素的 method 属性相关联。此属性用于指定表单数据应如何发送到服务器。发送数据的地址由 action 属性指定。此属性设置或获取表单 method 属性值。
语法
以下是语法：
设置 method 属性：
formObject.method = get|post;
这里，get 是默认方法，它将表单数据附加到 URL 中。例如：URL?name=value&name=value。它通常不安全，可用于非隐私数据。用户可以通过查看 URL 字符串来查看发送的数据。
第二种方法 post 将数据作为 HTTP post 事务发送，通常是安全的，因为在数据发送到服务器期间，没有人可以看到数据。
示例
让我们来看一个表单 method 属性的示例：
<!DOCTYPE html>
<html>
<head>
<style>
form{
border:2px solid blue;
margin:2px;
padding:4px;
}
</style>
<script>
function ChangeMethod() {
document.getElementById("FORM1").method="get";
document.getElementById("Sample").innerHTML = "The form method is changed from 'post' to 'get' ";
}
</script>
</head>
<body>
<h1>Form length property example</h1>
<form id="FORM1" method="post" action="/sample_page.php">
<label>User Name <input type="text" name="usrN"></label> <br><br>
<label>Age <input type="text" name="Age"></label> <br><br>
<input type="submit" value="SUBMIT">
</form>
<p>Change the method attribute value of the form above by clicking the below button</p>
<button onclick="ChangeMethod()">Change</button>
<p id="Sample"></p>
</body>
</html>输出
这将产生以下输出：
单击“提交”按钮并查看 URL：
127.0.0.1:5500/sample_page.php
单击“更改”按钮：
现在单击“提交”按钮并查看链接。
127.0.0.1:5500/sample_page.php?usrN=USER2&Age=22
在以上示例中：
我们首先创建了一个表单，其 id 为“FORM1”，method 为“post”，action 属性值为“/sample_page.php”。这里 method 属性值 post 确保表单数据安全传输，不会被所有人查看。表单包含两个类型为文本的输入字段和一个提交按钮，用于将表单数据提交到服务器。
<form id="FORM1" method="post" action="/sample_page.php"> <label>User Name <input type="text" name="usrN"></label> <br><br> <label>Age <input type="text" name="Age"></label> <br><br> <input type="submit" value="SUBMIT"> </form>
然后，我们创建了一个“更改”按钮，当用户单击它时，将执行 changeMethod() 函数。
<button onclick="ChangeMethod()">Change</button>
ChangeMethod() 函数使用 document 对象的 getElementById() 方法获取表单元素，并将其 method 属性值设置为“get”。将其值更改为“get”意味着用户数据现在可以显示在 URL 中。使用 id 为“Sample”的段落的 innerHTML 属性，我们显示了关于此更改的预期文本：
function ChangeMethod() {
document.getElementById("FORM1").method="get";
document.getElementById("Sample").innerHTML = "The form method is changed from 'post' to 'get' ";
}
更新于： 2019年8月19日
137 次查看
广告