【转】HTML-form中action的填写

最新推荐文章于 2024-08-01 09:00:00 发布
最新推荐文章于 2024-08-01 09:00:00 发布
阅读量3.1k 收藏 5
点赞数
分类专栏： Python 文章标签： python django node.js
原文链接：https://www.cnblogs.com/l1019/p/6629400.html
版权
本文详细解释了HTML表单action属性的相对路径使用（如<%=request.getContextPath()%>/html/index.html）和绝对路径（如'http://localhost:8080/PracticeLogin/html/index.html'），帮助理解在不同场景下的正确配置。
摘要由CSDN通过智能技术生成

关于form的action路径填写
一：可以是相对路径：

1、action="<%=request.getContextPath() %>/html/index.html"  <%=request.getContextPath() %>表示回到应用的根目录下，再加上相对路径

2、action="/html/index.html"   表示在服务器的根目录下搜索html/index.html  /表示根目录

3、action="index.html"   表示在当前目录下搜索

二：可以是绝对路径：

action="http://localhost:8080/PracticeLogin/html/index.html"
梦中情萱
关注
  • 0
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html中的form action属性,HTML <form> action 属性
weixin_26854555的博客
06-04 1122
当提交表单时，发送表单数据到名为 "demo_form.html" 的文件(处理输入)：First name: Last name: 菜鸟教程(runoob.com)First name: Last name: 点击"提交"按钮，表单数据将被发送到服务器上的“demo-form.php”。ASP&period;NET查询页面设置form的action属性只弹出一个页面，并且每次将页面设置到...
html form标签的action属性是什么意思？又有哪些用法？（附实例）
web前端入门基础进阶教程-htmlcssjs
06-18 2953
本篇文章主要的介绍HTML form表单标签的action属性的用法，用法介绍和实例等都在里面，现在让我们一起来看吧 首先我们先来介绍一下关于HTML form标签的action属性的意思： form标签的action属性是一个表单当中必须的属性，action属性规定当提交表单时，向何处发送表单数据。 先看个第一个关于form标签action属性的实例： 下面的表单拥有两个输入字段以及一个提交按钮，当提交表单时，表单数据会提交到名为 “form_action.asp” 的页面： <form actio
web前端form表单的action路径url问题
YiGeiGiaoGiao的博客
01-22 3115
绝对路径与相对路径
html中form表单的action路径的写法
喜欢前端的后端 MelodyJerry
02-23 3730
在 《HTTP案例学习：用户登录》 中提及到html中form表单的action路径的写法 是 虚拟目录+Servlet的资源路径 12345678910111213141516<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title&g...
前端必知必会-html表单form属性
最新发布
qq_24018193的博客
08-01 585
本文介绍了的html表单form属性使用，如有问题欢迎私信和评论。
HTML form表单中action的正确写法
weixin_30933531的博客
12-21 1312
　　我的Java Web Application的context是myweb，即http://localhost:8080/myweb/index.jsp是欢迎页。 　　现在我的一个Controller的映射为@RequestMapping("/fileUp")。 　　如果页面的form中的action=“/fileUp”，转向的URL为http://localhost:8080/fileUp...
Html5之formaction属性
谁对谁错重要吗的博客
05-21 2804
Html5之formaction属性的简介： Html5中，可以为所有的提交按钮，增加不同的formaction属性，使他点击不用的按钮时可以将表单提交到不同的页面。 代码参考： <!--原来的写法--> <form action="加上地址"> <button type="submit">提交</button> </fo...
HTML-PAYMENT-FORM:这是html中的演示付款表格（获取）
05-05
在这个名为"HTML-PAYMENT-FORM"的项目中，我们将探讨如何创建一个功能完备的HTML支付表单。 首先，一个基本的HTML支付表格会包含以下元素： 1. **表单标签** (`<form>`): 定义了一个表单区域，通常包含表单控件和...
HTML-basic-student-details-form
05-29
在这个"HTML-basic-student-details-form"项目中，我们关注的是如何利用HTML来构建一个简单的学生信息表单，这在教育管理和信息系统中非常常见。 表单是HTML中的关键元素，允许用户输入数据并与服务器进行交互。...
HTML-QUIZ-Registration-Form:该存储库包含使用中级HTML标记创建的测验注册表单
05-24
考虑到是中级HTML标记，可能还会涉及一些更高级的特性，如使用`<form>`元素定义整个表单，设置`action`属性指定表单数据的处理位置，`method`属性定义数据发送的方式（通常是`GET`或`POST`）。此外，`required`属性...
SUBMISSION-FORM:使用HTML制作了一个提交表单网页（正在建设中）
04-30
1. `<form>`：这是所有表单的容器，通过`action`属性指定表单提交的数据应发送到哪个URL，而`method`属性定义了提交的方式，通常是`GET`或`POST`。 2. `<input>`：这个元素用于创建各种类型的输入字段，如文本框、...
Newsletter-Form
03-16
在"Newsletter-Form-main"这个文件中，我们可以预期包含以上提到的HTML元素和可能的CSS样式，以及可能的JavaScript代码用于表单验证和交互效果。CSS用于美化表单，而JavaScript则可以实现客户端的表单验证，避免无效...
关于form表单中的action路径写法问题
qq_39412433的博客
09-08 4721
1 action后跟的路径分为两种写法： 首先，action支持相对路径 1) ../page.jsp表示当前页面的上一级目录中的page.jsp 2)jsps/page.jsp表示当前目录jsps中的page.jsp 以form1.jsp举例 <form action="./connectSql.jsp"> <input type="submit" value="登录"> </form> 在”./connectSql.jsp"中，”...
form标签的action属性怎么用？form标签action属性的用法介绍（附实例）
热门推荐
lin123_00的博客
05-28 6万+
本篇文章主要的介绍了关于HTML中form标签action属性的用法介绍和实例，还有关于form标签的action属性的定义和语法介绍，最后徐还有关于form标签的action属性的作用解释。现在让我们一起来看吧。 打造全网web前端全栈资料库（总目录）看完学的更快，掌握的更加牢固，你值得拥有（持续更新） 我们先来介绍HTML中form标签的action属性的含义： action属性规定当提交表单时，向何处发送表单数据。（是必需的属性） 属性值的介绍：（看图） 熟悉了action属性的含义和语
J2EE/JAVA——HTMLform表单中action的‘/’路径问题
Navy_Dagger的博客
05-02 2629
1.HTML中的form表单简单介绍 HTML中的form表单在JAVA企业级开发中拥有十分重要的地位，HTML表单用于收集用户输入的信息，并将收集到的用户信息发送到web服务器中。在初级阶段，form表单常常使用在设计用户登录、用户反馈和用户选择上。 下面是一个基于form表单的一个简单登录系统： <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <
html标签的action属性,htmlform标签的action属性是什么意思？又有哪些用法？（附实例）...
weixin_39581739的博客
06-07 417
本篇文章主要的介绍HTML form表单标签的action属性的用法，用法介绍和实例等都在里面，现在让我们一起来看吧首先我们先来介绍一下关于HTML form标签的action属性的意思：form标签的action属性是一个表单当中必须的属性，action属性规定当提交表单时，向何处发送表单数据。先看个第一个关于form标签action属性的实例：下面的表单拥有两个输入字段以及一个提交按钮，当提交...
HTML之一个页面里有多个按钮用来提交表单，那这是form的属性action应该怎么写？
小贾的博客
11-22 812
问题： 一个页面里有多个按钮用来提交表单，那这是form的属性action应该怎么写？？？ **解决方法：**其实很简单，我们只需要写一个JSP的函数来给action属性赋值就OK啦 <html> <head> <meta charset="utf-8"> <title>page</title> <script> function FormSubmit(){
【TP5】form表单的action地址怎么写
咔咔博客
12-12 4422
author：咔咔 wechat：fangkangfk   直接在action写地址会提交到写的地址 如果action为空的话会提交到当前控制器
表单Form中的action怎么填（Struts篇）
pengdongneng的博客
03-25 5571
今天突然发现，form中的action=“/login”居然是错误的。突发奇想，就想对url做个探究。 还有好多人是用${requestScope….}，我也想做个实验，加深影响。 继续探究吧，想看最后结论，请下拉…（记得点赞，谢谢！） Action:package com.stu;import java.util.Date;import com.opensymphony.xwork2.Action
el-form-item图片必填校验
07-03
在Ant Design Vue（简称Vue-Ant-Design）中的`el-form-item`组件中，如果想要实现图片字段（通常指文件上传）的必填校验，你可以利用其内置的验证功能结合自定义验证规则。具体步骤如下： 1. 首先，在`el-form-item`标签内，为图片输入字段添加`type="file"`属性，用于指定这是一个文件上传输入。 ```html <template> <el-form-item label="图片" prop="image"> <el-upload :action="uploadUrl" :rules="[{ required: true, // 必须填写 message: '图片不能为空', type: 'string' }]" :file-list="fileList" > <i v-if="!listItem.file" class="el-icon-plus"></i> <img v-if="listItem.file" :src="listItem.file.url" alt="" width="100%" /> <el-button @click="uploadFile">选取文件</el-button> </el-upload> </el-form-item> </template> ``` 2. 在Vue实例中，定义`uploadUrl`、`fileList`和`uploadFile`方法。`uploadUrl`应指向后端接收文件的接口地址，`fileList`用于存储已选择的文件信息。 ```javascript export default { data() { return { uploadUrl: '/api/upload', // 服务器接口地址 fileList: [], listItem: {} }; }, methods: { uploadFile(e) { const file = e.target.files; this.$refs['image'].$dispatch('upload', file); } }, watch: { listItem(newVal, oldVal) { if (!newVal.file) { this.$refs['image'].$refs.input.clearFiles(); } } } } ``` 在这里，`$dispatch`是Vue-Element-UI中Form表单组件提供的方法，用来触发自定义事件并传递数据。 3. 定义一个名为`upload`的自定义事件处理器，负责上传文件到服务器，并处理验证。在该处理器内部，你需要检查文件是否为空，若为空则返回错误信息。 注意：以上代码示例并未直接展示必填校验逻辑，实际操作中可能需要配合其他条件判断或后端服务返回的状态来确认是否满足必填要求。此外，为了更直观地显示必填提示，你可以考虑在`el-form`上设置全局的`validate-on-rule-change`属性为`true`，这样每改变一项内容都会实时验证。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值