HTML | method属性用于指定提交表单时用于发送数据的HTTP方法。 HTTP方法有两种,即GET和POST。 method属性可以与<form>元素一起使用。
属性值:
- GET:在GET方法中,提交表单后,表单值将在新浏览器选项卡的地址栏中可见。它的大小限制为大约3000个字符。它仅对非安全数据有用,而不对敏感信息有用。
- POST:在post方法中,提交表单后,表单值将不会在新浏览器选项卡的地址栏中显示,因为它在GET方法中可见。它将表单数据附加到HTTP请求的正文中。没有大小限制。此方法不支持将结果添加为书签。
用法:
<form method="get|post">
例:本示例说明了方法属性的使用。
<!DOCTYPE html>
<html>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Form method Property.</h2>
<form id="users"
action="#"
method="GET"
target="_blank">
First name:
<input type="text"
name="fname"
value="Manas">
<br> Last name:
<input type="text"
name="lname"
value="Chhabra">
<br>
<input type="submit"
value="Submit">
</form>
<p>
After submitting the form,
input values are shown in the address
bar of the window.
</p>
<button onclick="myGeeks()">
Try it
</button>
<p id="sudo"
style="font-size:25px;
color:green;">
</p>
<script>
function myGeeks() {
// Set property of method.
var x =
document.getElementById("users").method =
"POST";
document.getElementById("sudo").innerHTML =
"The value of the method "+
"attribute was changed to " + x;
}
</script>
</body>
</html>
输出:
支持的浏览器:下面列出了HTML方法属性支持的浏览器:
- 谷歌浏览器
- IE浏览器
- Firefox
- Opera
- Safari
相关用法
- HTML <html> xmlns属性用法及代码示例
- HTML <form> method属性用法及代码示例
- HTML scoped属性用法及代码示例
- HTML <th> valign属性用法及代码示例
- HTML <col> align属性用法及代码示例
- HTML poster属性用法及代码示例
- HTML Class属性用法及代码示例
- HTML style属性用法及代码示例
- HTML oninvalid用法及代码示例
- HTML <select> autocomplete属性用法及代码示例
- HTML <table> bgcolor属性用法及代码示例
- HTML onsubmit用法及代码示例
- HTML onunload用法及代码示例
- HTML srcdoc属性用法及代码示例
- HTML Marquee truespeed用法及代码示例
- HTML onkeyup用法及代码示例
- HTML ondrop用法及代码示例
- HTML <td> abbr属性用法及代码示例
- HTML onpageshow用法及代码示例
- HTML reversed属性用法及代码示例
- HTML readonly属性用法及代码示例
- HTML required属性用法及代码示例
- HTML onsearch用法及代码示例
注:本文由纯净天空筛选整理自ManasChhabra2大神的英文原创作品 HTML | method Attribute。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。