HTML DOM Input Submit formMethod 属性

htmlweb developmentfront end technology更新于 2024/5/28 9:48:17

HTML DOM Input Submit formMethod 属性用于设置或返回提交按钮的 formMethod 属性值。这指定了将表单数据发送到服务器时使用的 HTTP 方法。formMethod 属性值会覆盖与 <form> 元素关联的 method 属性值。该属性值在 HTML5 中引入，用于 submit 类型的输入元素。

语法

以下是语法 −

设置 formMethod 属性 −

submitObject.formMethod = get|post

此处，get 是默认方法，会将表单数据附加到 URL 中。例如:URL?name=value & name=value。get 方法通常不安全，可用于非私有数据。

用户可以通过查看 URL 字符串来查看正在发送的数据。第二种方法 post 以 HTTP POST 事务的形式发送数据，通常比较安全。由于数据在发送到服务器的过程中无人能够查看，因此 post 方法不像 get 方法那样存在大小限制。

示例

我们来看一个 Submit formMethod 属性的示例。 −

<!DOCTYPE html>
<html>
<body>
<h1>Submit formMethod property</h1>
<form id="FORM_1" action="/Sample.php" style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id=“Loc”><br><br>
<input type="submit" id="SUBMIT1" formmethod="post">
</form>
<p>Set the formMethod attribute value of the above submit button inside the form to get
by clicking the below button</p>
<button onclick="changeMethod()">CHANGE</button>
<p id="Sample"></p>
<script>
   function changeMethod() {
      document.getElementById("SUBMIT1").formMethod = "get";
      document.getElementById("Sample").innerHTML = "The formaction attribute value has been changed from post to get";
}
</script>
</body>
</html>