form action表单提交

表单提交详解

最新推荐文章于 2021-07-22 21:37:08 发布

原创最新推荐文章于 2021-07-22 21:37:08 发布 · 3k 阅读

0 ·

CC 4.0 BY-SA版权

本文深入解析了表单提交过程中的action属性用法，说明了如何通过配置web.xml中的url-pattern来指定表单提交的目标地址，强调了action中不加'/'的重要性。

表单提交，action为提交的目标地址，可以是在web.xml中配置的url-pattern

备注：action中不加 /

<servlet-mapping>

<servlet-name></servlet-name>

<url-pattern>/first</url-pattern>

</servlet-mapping>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

aJiefy

关注关注

3
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

通过button将form表单的数据提交到action层的实例

08-29

通过按钮将 Form 表单数据提交到 Action 层的实例在 Web 应用程序开发中，提交 Form 表单数据到后台服务器是一个常见的操作。通常情况下，我们会使用 Form 表单的 action 属性来指定提交的路径，但是在某些情况下...

Form表单按回车自动提交表单的实现方法

11-28

时按回车键将会自动将表单提交。 <form id='form1' action='a1.jsp' method='post'> <input type='text' name='name' /> </form> 如果不想让其自动提交可以这样做: 再添加一个<input type=”...

参与评论您还未登录，请先登录后发表或查看评论

ActionForm

07-13

NULL 博文链接：https://fangyong2006.iteye.com/blog/749337

action 表单提交

萌新不会永远是萌新的博客

10-18

572

<form action="xx" id="loginform" method="POST" > <div>用户名：<input type="text" name="user_name" id="user_name" /></div> <input type="submit" onclick="return doSubmitForm(...

form表单action提交

runfeel

07-09

1074

1、JS部分代码 /** * 提交表单 */ function submitForm(action, actName, objName, formName,blogType){ $("#"+formName).attr("action",action); //var f = document.getElementsByTagName("form")[0]; //alert...

java action提交表单数据,form表单action提交详解

weixin_39963853的博客

03-19

515

1、JS部分代码function submitForm(action, actName, objName, formName,blogType){$("#"+formName).attr("action",action);//var f = document.getElementsByTagName("form")[0];//alert(f.action);$("#"+formName).form...

form表单action提交的js部分与html部分

12-11

1、JS部分代码代码如下: /** * 提交表单 */ function submitForm(action, actName, objName, formName,blogType){ $(“#”+formName).attr(“action”,action); //var f = document.getElementsByTagName(“form”)...

精选资源

js 提交form表单和设置form表单请求路径的实现方法

01-19

如下所示： form表单ID：postform 设置表单请求url document.postform.action = SaveReturnInfo...以上就是小编为大家带来的js 提交form表单和设置form表单请求路径的实现方法全部内容了，希望大家多多支持软件开发网~

Action Form的过程

dcalxgk511882的博客

08-18

230

1、读取配置（初始化ModuleConfig对象） Struts框架总控制器（ActionServlet）是一个Servlet，在web.xml中配置成自动启动的Servlet。读取配置文件（struts-config.xml）的配置信息，为不同的Struts模块初始化响应的ModuleConfig对象 2、发送请求用户提交表单或调用URL向Web应...

Struts1 - 学习笔记 - ActionForm

永生天地

05-07

5216

Struts 中定义了一些JavaBeans，主要是以ActionForm为父类扩展开来的，如下图： ① org.apache.struts.action包中 public abstract class ActionForm implements Serializable public class DynaActionForm extends ActionFor

Struts功能详解——ActionForm

web开发自学

04-30

271

一：什么是ActionForm ActionForm可以从下面四点理解它 1 . ActionForm表示Http窗体的数据，也就是咱们页面表单数据收集器，可以看作是模型和视图的中介，他负责保存表单中的数据供模型或者视图使用，只能通过ActionForm验证的数据才能发送到Action处理。 2 . ActionForm是一个或者多个ActionConfig关联的JavaBean，在相应的Acti...

form中action属性

m0_46837612的博客

07-22

1万+

form表单中action属性的作用是，当提交表单时向何处发送表单数据。 action的属性可以为一个页面如 “index.html”,随之form表单中的数据也随同提交到了"inex.html"页面 action的属性也可以为一个servlet类如"addUserServlet"，同时form表单中的数据也随同提交到了addUserServlet，之后servlet通过requset域对象来获取对应的参数值 cation的属性也可以为"“或”#"，表示把from中的数据提交到当前页面 .

form表单之action

公众号：微观技术

01-28

4100

简介：action 属性规定当提交表单时，向何处发送表单数据。 First name: Last name: 下面的表单拥有两个输入字段以及一个提交按钮，当提交表单时，表单数据会提交到名为 "form_action.asp" 的页面。向何处发送表单数据，可能的值：绝对 URL - 指向其他站点（比如 src="www.example.com/e

通过action属性提交HTML表单

min_0329的博客

05-08

5619

总结一点关于表单提交的基础知识A.表单HTML表单用<form>来定义，是用来收集用户输入的。B.一些重要的属性 1.action 指定某个服务器脚本来处理被提交的表单。省略，则被设置为当前页面。 2.method 规定在提交表单是使用的HTTP方法（get, post） GET 被提交的表单数据会显示在页面地址栏，安全性较...

Action获取表单提交数据

上千主上-贝库塔

03-14

5995

struts 框架 JAVAEE

form表单action提交问题详解

最新发布

08-03

<think>我们正在讨论HTML form表单的action属性。根据用户的问题，我们需要详细解释action属性的规则和用法。参考引用内容：引用[1]提到：form表单提交到action，action是指“表单”提交处理对应的后台路径。引用[2]：action规定向何处提交表单的地址（URL）（提交页面）。它可以是一个URL地址(提交给程式)或一个电子邮件地址。引用[3]：<form action="/getinfo" method="get">，action是指表单提交处理对应的后台路径。因此，我们可以总结如下： 1. action属性定义表单数据提交的地址（URL）。 2. 这个URL可以是绝对路径或相对路径，也可以是一个电子邮件地址（使用mailto:协议）。 3. 如果省略action属性，则表单数据将提交到当前页面（即表单所在的同一个页面）。此外，我们还需要结合表单的method属性（GET或POST）来理解数据如何被发送。详细解释： 1. **基本语法**： ```html <form action="URL" method="get|post">  </form> ``` 2. **URL值**： - 绝对URL：指向另一个网站（或同一网站的不同域名）的完整地址。例如：`action="http://www.example.com/process-form.php"` - 相对URL：指向同一网站内的资源。可以是相对于当前页面的路径，也可以是相对于网站根目录的路径。例如：`action="/submit-form"`（根目录下的submit-form资源） `action="submit-form.php"`（当前目录下的submit-form.php文件） `action="../process/form.php"`（上一级目录的process目录下的form.php） 3. **使用电子邮件地址**：通过设置`action="mailto:email@example.com"`，可以将表单数据发送到指定的电子邮件地址。但是，这种方式依赖于用户计算机上安装的邮件客户端，并且有安全性和可靠性问题（如用户可能没有配置邮件客户端，或数据被截获）。同时，这种方式提交的数据是经过URL编码的，并且只能使用GET方法（即使指定method="post"，浏览器也会使用GET）。因此，不推荐在生产环境中使用。示例： ```html <form action="mailto:someone@example.com" method="get" enctype="text/plain"> ``` 4. **省略action属性**：如果省略action属性，则表单数据将提交到当前页面的URL。这通常用于表单处理脚本与表单页面是同一个文件的情况。例如，在PHP中，我们常常将表单和处理逻辑放在同一个文件中，通过判断请求方法来处理。 5. **与method属性配合**： - 当使用`method="get"`时，表单数据会附加在action URL的后面，以查询字符串的形式发送（例如：`/submit?name=value&...`）。因为URL有长度限制（大约2047个字符），所以GET方法适合提交少量数据。 - 当使用`method="post"`时，表单数据会放在HTTP请求的主体中发送，不会显示在URL中。适合提交大量数据（如文件上传）或敏感数据（如密码）。 6. **enctype属性**：当表单使用POST方法时，enctype属性指定数据在发送到服务器之前如何编码。其值可以是： - `application/x-www-form-urlencoded`：默认值，所有字符在发送前都会进行编码（空格转换为"+"号，特殊符号转换为ASCII HEX值）。 - `multipart/form-data`：当表单包含文件上传控件（`<input type="file">`）时，必须使用此值。它不对字符编码，而是将表单数据分成多个部分，每部分对应一个表单控件。 - `text/plain`：空格转换为加号，但不对特殊字符编码。此编码方式很少使用。 7. **target属性**： target属性规定在何处打开action URL。其值可以是： - `_self`：默认值，在同一个框架或窗口中打开。 - `_blank`：在新的窗口或标签页中打开。 - `_parent`：在父框架中打开。 - `_top`：在整个窗口中打开（如果表单在框架内，则跳出框架）。 - 框架名称：在指定的框架中打开（框架的name属性值）。 8. **表单提交后的处理**：当用户提交表单后，浏览器会向action属性指定的URL发送请求（根据method指定的方法）。服务器接收到请求后，处理表单数据，然后返回响应（通常是HTML页面）。如果action指向的URL是一个服务器端脚本（如PHP、Python、Node.js等），该脚本负责处理数据（如验证、存储到数据库等）并生成响应。 9. **示例**：一个简单的登录表单，将数据提交到当前目录下的login.php文件，使用POST方法： ```html <form action="login.php" method="post"> <label for="username">用户名:</label> <input type="text" id="username" name="username"> <label for="password">密码:</label> <input type="password" id="password" name="password"> <input type="submit" value="登录"> </form> ``` 10. **注意事项**： - 确保action指向的URL能够正确处理表单数据。 - 对于敏感数据，建议使用POST方法，并在服务器端进行验证和处理。 - 使用HTTPS协议来保护传输过程中的数据安全。总结：action属性是表单的核心属性之一，它决定了表单数据的去向。根据实际需求，我们可以设置不同的URL或邮件地址，同时结合method、enctype等属性来控制数据的传输方式。根据引用内容，我们引用了[2]和[3]关于action属性的说明。生成相关问题：</think>### HTML form表单的`action`属性详解 `action`属性是表单的核心属性之一，决定了表单数据的提交目标。以下是详细规则和使用指南： #### 1. **基本作用** - **定义数据提交地址**：指定接收和处理表单数据的服务器端点（URL） - **触发位置**：当用户点击提交按钮（`<button>`或`<input type="submit">`）时生效 - **语法示例**： ```html <form action="/submit-data" method="post">  </form> ``` #### 2. **属性值规则** | 值类型 | 示例 | 说明 | |--------------------|-------------------------------|----------------------------------------------------------------------| | **绝对URL** | `https://api.example.com/submit` | 完整URL地址，可跨域提交 | | **相对URL** | `/api/submit` 或 `submit.php` | 相对于当前页面的路径（最常用）[^3] | | **邮件地址** | `mailto:contact@example.com` | 通过邮件客户端发送数据（需配合`enctype="text/plain"`使用）[^2] | | **空值** | `action=""` | 提交到当前页面URL（默认行为） | | **JavaScript函数** | `action="javascript:handleSubmit()"` | 执行自定义JavaScript函数（不推荐，应使用`onsubmit`事件） | #### 3. **与HTTP方法的配合** `action`需与`method`属性协同工作： ```html  <form action="/search" method="get"> <input type="text" name="keyword"> <button>搜索</button> </form>   <form action="/login" method="post"> <input type="text" name="username"> <input type="password" name="pwd"> <button>登录</button> </form> ``` - **GET**：适合非敏感数据，数据附加在`action`URL后（长度受限） - **POST**：适合敏感数据或大数据量，数据在请求体中传输[^2] #### 4. **高级用法** 1. **动态目标**（通过JavaScript修改）： ```javascript document.querySelector("form").action = "/dynamic-endpoint"; ``` 2. **多提交按钮指向不同action**： ```html <form> <button type="submit" formaction="/save-draft">存草稿</button> <button type="submit" formaction="/publish">发布</button> </form> ``` 3. **跨域提交**（需服务器支持CORS）： ```html <form action="https://other-domain.com/api" method="post"></form> ``` #### 5. **编码类型（enctype）** `action`需配合`enctype`属性处理数据编码： ```html  <form action="/submit" enctype="application/x-www-form-urlencoded"></form>  <form action="/upload" enctype="multipart/form-data" method="post"> <input type="file" name="file"> </form>  <form action="mailto:contact@example.com" enctype="text/plain"></form> ``` #### 6. **安全注意事项** 1. **HTTPS必需**：提交敏感数据时确保`action`使用`https://` 2. **输入验证**：永远在服务端验证数据，客户端验证可被绕过 3. **CSRF防护**：为修改数据的`action`添加CSRF令牌 ```html <form action="/transfer-money" method="post"> <input type="hidden" name="csrf_token" value="随机令牌"> </form> ``` #### 7. **浏览器兼容性** - 所有现代浏览器均支持标准用法 - 邮件提交(`mailto:`)行为不一致（依赖本地邮件客户端配置） - 旧版IE（≤9）对`formaction`属性支持有限 #### 示例场景 ```html  <form action="/api/register" method="post" enctype="multipart/form-data"> <input type="text" name="username" required> <input type="email" name="email" required> <input type="file" name="avatar"> <button type="submit">注册</button>  <button type="submit" formaction="mailto:test@example.com" formenctype="text/plain"> 发送测试邮件 </button> </form> ``` > **最佳实践**：始终为`action`提供明确的相对或绝对URL，避免空值；敏感操作使用POST+HTTPS；文件上传需设置`enctype="multipart/form-data"`[^2][^3]。