📜  HTML | DOM 输入提交 formMethod 属性(1)

📅  最后修改于: 2023-12-03 14:41:51.066000             🧑  作者: Mango

HTML | DOM 输入提交 formMethod 属性

简介

HTML表单可以通过定义formMethod属性,规定表单提交的HTTP方法,常用的有get、post两种方法。

语法
<form method="get|post"></form>
属性值
get

通过URL参数将表单数据传输到服务器,并在浏览器的地址栏中显示所传递的参数。因此,使用GET方法提交表单可能会将表单数据保存在浏览器历史记录中(如果表单安全性不重要或者不涉及敏感信息,则可以使用此方法)

post

通过HTTP请求将表单数据传输到服务器。表单数据不会显示在URL中,因此POST方法更加安全。同时,POST方法可以发送更多数据量的表单数据。

示例
<!DOCTYPE html>
<html>
<head>
	<title>formMethod属性示例</title>
</head>
<body>
	<h1>formMethod属性示例</h1>
	<form method="get" action="http://www.example.com/search">
		<label for="search">搜索:</label>
		<input type="text" name="search" id="search">
		<input type="submit" value="搜索">
	</form>
	<br>
	<form method="post" action="http://www.example.com/feedback">
		<label for="feedback">反馈:</label>
		<textarea name="feedback" id="feedback" rows="10" cols="50"></textarea>
		<input type="submit" value="提交">
	</form>
</body>
</html>
总结

通过formMethod属性,我们可以指定表单提交的方式,从而更好地满足不同的需求。get方法一般用于非敏感性表单数据的提交,而post方法则常用于敏感性表单数据的提交。