📜  表单中的动作属性 - Html (1)

📅  最后修改于: 2023-12-03 15:11:54.724000             🧑  作者: Mango

表单中的动作属性 - Html

在HTML表单中,action属性用于指定表单的提交目标,即将表单数据发送到哪个URL,而method属性用于指定表单使用的http方法(如GET或POST)。

Action属性

Action属性决定了表单提交的目标,即哪个URL将会接收表单数据。它的取值通常是一个相对地址或绝对地址。

相对地址

相对地址指定了表单数据的提交目标相对于当前文档位置的路径。例如,下面的代码将表单提交目标指定为当前页面所在的同一目录下的process.php

<form action="process.php" method="post">
  <!-- 表单元素 -->
</form>
绝对地址

绝对地址指定了表单数据的提交目标的完整URL。下面的代码将表单提交目标指定为http://example.com/process.php

<form action="http://example.com/process.php" method="post">
  <!-- 表单元素 -->
</form>
空值

如果action属性的值为空串或未指定,表单数据将被发送到当前页面的URL。

Method属性

Method属性指定表单提交时要使用的HTTP方法。

GET方法

当使用GET方法提交表单时,表单数据将被附加在URL后面作为查询字符串。例如:

<form action="process.php" method="get">
  <!-- 表单元素 -->
</form>

在提交表单时,process.php将会收到一个查询字符串,其中包含表单数据,例如:

http://example.com/process.php?name=John&email=john@example.com

由于GET方法将表单数据暴露在URL中,因此不应该将敏感或机密信息放在表单中。

POST方法

当使用POST方法提交表单时,表单数据将被包含在HTTP请求的正文中。例如:

<form action="process.php" method="post">
  <!-- 表单元素 -->
</form>

在提交表单时,process.php将会接收到一个HTTP请求,其中包含表单数据。

POST方法可以使用较大的正文传输数据,因此通常用于提交大量数据或敏感信息。

小结

action属性用于指定表单提交的目标,method属性用于指定使用的HTTP方法。GET方法将表单数据附加在URL后面发送,而POST方法将表单数据包含在HTTP请求的正文中发送。在选择使用哪种方法时,需要考虑表单中是否包含敏感信息以及要发送的数据大小等因素。