HTML - method 属性_HTML 菜鸟教程

HTML method 属性用于定义在提交表单时要使用的 HTTP 方法。

method 属性值可以是 GET 或 POST，其中 'GET' 是默认方法。如果尚未指定 method 属性，则会假定它是默认的“GET”方法。

语法


<form method = "value"></form>

其中值可以是“GET”或“POST”。

适用于

下面列出的元素允许使用 HTML method 属性

元素	描述
<form>	HTML <form> 标签用于通过表单收集用户在网站上的输入。

HTML method 属性示例

下面的示例将说明 HTML 方法属性，我们应该在何处以及如何使用此属性！

使用“get”方法提交表单

在以下示例中，我们将 HTML 的“method”属性与 form 元素一起使用，以定义提交表单时应使用哪个 HTTP 方法（即 GET 方法）。


<!DOCTYPE html>
<html lang="en">
<head>
	 <title>HTML 'method' attribute</title>

</head>
<body>
	 <!--HTML 'method' attribute-->
	 <p>
			Example of the HTML 'method' attribute
	 </p>
	 <form method="GET">
			<h2>Login Page</h2>
			<label for="">
				 Username
			</label>
			<input type="text" 
						 name="uname">
			<br>
			<br>
			<label for="">
				 Password
			</label>
			<input type="password" 
						 name="password">
			<br>
			<br>
			<button>Login</button>
	 </form>
</body>
</html>

使用“post”方式提交表格

以下是另一个示例 HTML“method”属性。在这里，我们正在创建一个包含两个输入字段和一个按钮的表单。然后，我们在表单元素中使用 method 属性，并将方法值分配为“POST”，以将表单数据发送到服务器。


<!DOCTYPE html>
<html lang="en">

<head>
	 <title>HTML 'method' attribute</title>
</head>

<body>
	 <!--HTML 'method' attribute-->
	 <p>
			Example of the HTML 'method' attribute
	 </p>
	 <form method="POST">
			<h2>
				 Login Page
			</h2>
			<label for="">
				 Username
			</label>
			<input type="text" 
						 name="uname">
			<br>
			<br>
			<label for="">
				 Passwaord
			</label>
			<input type="password" 
						 name="password">
			<br>
			<br>
			<button>Login</button>
	 </form>
</body>

</html>

GET和POST方法的区别

GET 方法用于从 Web 服务器请求 URL，以获取用户提交的表单输入数据。提交表单后，数据（值）将出现在URL上。
POST 方法用于在 HTTP 请求的正文中发送或追加表单数据。提交表单后，表单数据（值）将不会显示在URL上。

支持的浏览器

浏览器
是否支持	Yes	Yes	Yes	Yes	Yes

<< HTML - media 属性 HTML - minlength 属性 >>