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 按钮 −
广告