HTML DOM 输入提交形式方法属性


HTML DOM 输入提交形式方法属性用于设置或返回一个提交按钮的 formMethod 特性值。这指定在将表单数据发送到服务器时需要使用哪种 HTTP 方法。formMethod 特性值会覆盖与 <form>元素关联的方法特性值。它在 HTML5 中被引入,用于带 submit 类型的输入元素。

语法

以下是语法 −

设置 formMethod 属性 −

submitObject.formMethod = get|post

这里,get 是默认方法,用作 URL 的附录。例如:URL?name=value & name=value。它通常不安全,可用于非私密数据。

用户可以通过查看 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>

输出

这将产生以下输出 −

点击 CHANGE 按钮 −

更新于:19-Feb-2021

81 浏览量

启动您的 职业生涯

完成课程获取认证

开始
广告