html表单提交指定页面,html – 页面中的多个表单或多个提交？

最新推荐文章于 2022-11-09 17:03:26 发布
最新推荐文章于 2022-11-09 17:03:26 发布
阅读量406 收藏
点赞数
文章标签： html表单提交指定页面

我在网站上销售的产品创建一个页面。我想在每个产品附近添加一个“添加到购物车”按钮，其中列出的标记类似于：

Product Name 1

Extra information on the product 1.

Product Name 2

Extra information on the product 2.

...

由于提交输入将具有不同的名称(包括产品的代码)，所以最大的问题是：我应该在一个表单中包装整个产品列表，还是应该为每个产品创建一个表单？在代码中：

Product Name 1

Extra information on the product 1.

Product Name 2

Extra information on the product 2.

要么…

Product Name 1

Extra information on the product 1.

Product Name 2

Extra information on the product 2.

哪一个是最佳实践？任何严重的原因不使用一个或另一个，或者我是做完全错了吗？

小地球旅行
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
html一个页面多个form表单提交,使用插件实现一个html页面多个form表单的异步提交...
weixin_35943736的博客
06-03 743
功能名称：实现一个html页面下多个form的提交请求适用范围：所有的html +jquery 页面需要插件:jquery 与 validform、llayuivalidform地址 validform下载地址 官网下载地址layui地址：https://www.layui.com/插件一、validform实现多个表单异步提交html中的代码示例：提交提交提交js中的片段$("#form1")....
html表单一次提交多条记录,如何利用JS同时提交多个表单
weixin_39592315的博客
06-08 919
这两天应客户要求，建了几个投票项目。等建好后，客户很满意，只是有一点不足之处，那便是无法同时提交多个表单。也就是说，在同一个页面内的几个投票表单只需点击一个提交按扭，便可完成所有投票项目的提交。因先前没处理过这类问题，一时还真不知如何解决，在网上搜索同时提交多个表单的方法，也没找到适用的。于是，反复实践了N下。最终找到一种有效同时提交多个表单的方法。还是先来看看代码吧，这样解释起来比较轻松：……提...
html实现动态多表单输入,使用javascript动态编辑多个相同的HTML表单
weixin_30970539的博客
06-04 350
我正在构建一个小的网页，该网页将用于通过预定义的设置操作来控制一组RGB led。为了以图形方式配置操作，将使用一个包含开始和结束像素，相关颜色信息以及要使用的设置操作的表单。(顺便说一句，不提交表单，因此，如果其他结构更好用，则可以改用它。Forms support name，因此至少可以帮助其中的一些。Javascript将表单中的数据解析为JSON文件与AJAX稍后发送的。我已经得到了那大多...
html如何添加多个表格数据库数据库,如何从表格（html）向数据库（mysql）插入数据？...
weixin_36382155的博客
06-08 649
首先不应该再次以HTML格式存储细节，因为您可以随时创建。如果您想这样做，您可以创建一个变量并将渲染HTML存储在该变量中，您可以打印相同的变量并将该变量保留在隐藏字段中。提交带有发布请求的表单，因为可能隐藏字段值的隐藏大小会更大。如果隐藏字段的大小多于只发送记录的主键到服务器端再从数据库中获取详细信息创建相同的HTML并将其存储回另一个表。下面是在变量中存储HTML并显示它的代码。您可以创建表单...
html5中如何将一个表单内容发送到不同界面(纯html5)
ZHYCarge的博客
03-22 479
前言 在制作文件管理系统的时候,需要借出以及归还,需要将同一个表单内容指向不同的两个界面,因此查书发现在html5中新增了相关办法 过程 如何实现 代码如下 <body> <h2>请输入相关信息</h2> <form name='submit' action='borrow.php' method='post'> <label> 学号： <input type='text' name='sid' aut
巧用js提交表单轻松解决一个页面有多个提交按钮
10-26
使用js提交表单想必大家都会，如果要实现一个页面有多个提交按钮，你会吗？下面有个不错的示例，大家可以感受下
用js提交表单解决一个页面有多个提交按钮的问题
12-29
用js提交表单解决一个页面有多个提交按钮的问题,主要是判断是否为提交文本，然后再执行相应的动作，比较简单。 <pre class=javascript name=code>function check(txt){ $j(form).submit(function(){ if($txt==提交)...
jQuery提交多个表单的小技巧
10-25
本节主要介绍了jQuery提交多个表单的小技巧,需要的朋友可以参考下
IDEA中HTML通过servlet3.0注解名提交表单到servlet类找不到页面的问题
08-18
在本问题中，HTML表单通过指定的Servlet注解名来提交数据，但当表单提交后，浏览器中的URL路径发生了变化，原有的虚拟路径消失，直接使用了Servlet的注解名，这就可能导致服务器找不到对应的Servlet。 在场景描述中...
struts2中一个表单中提交多个请求的例子（多个提交按钮）
10-26
在Struts2框架中，处理一个表单中的多个提交按钮是一项常见的需求。通常，一个HTML `<form>` 标签会包含多个 `<input type="submit">` 按钮，每个按钮对应不同的操作。Struts2 提供了一种机制，允许在同一个Action类...
一个页面创建多个表单各自提交问题
不爱熬夜的朱霸霸的博客
11-09 1938
最近做项目的时候遇到了一个问题。具体情况是这样的——在一个页面中，根据后台传来的数据。我需要动态的创建多的表单。这些表单在编辑或者提交时需要做到互不干扰。如图： 之前在网上看了很多文章，大部分都是关于表格的。由于不是专业前端所以一直困扰了我很久。最后终于找到了解决方案 1️⃣ 解决思路，首先页面中有两个按钮，一个是修改，一个是提交。我们的需求是点击哪一个表单里面的提交按钮。就提交哪个表单。 2️⃣ 先给按钮添加单击点击事件
一个html页面两个表单提交,如何将一个表单提交到多个页面
weixin_39655689的博客
06-03 997
这里我们使用到javascript来实现将一个表单提交到多个页面.我们大家都知道，javascript提交表单使用submit()函数，我们用javascript分别设置表单提交的服务器地址，然后分别对这两次设置进行submit()提交即可实现一个表单提交到多个页面。 具体代码如下：function _submit(){document.form_name.action = "http://www...
form提交多条记录到MySQL_mvc添加多条数据到数据库
weixin_35130354的博客
02-01 320
from :http://www.th7.cn/Program/net/201502/387849.shtmlmvc的视图太强大了，个人刚刚接触。(初级菜鸟，懂的不多，往大神们指点)需求是，客户点击添加按钮弹出一个框选择产品后直接添加到表单中，在表单可以自己更改产品的数量，以及一些信息。mvc表单提交的时候只要name属性和要提交的控制器里面方法的参数一样mvc就能自动识别，利用这个好处就可以很...
php多个subnit提交_php – 使用一个按钮提交多个表单
weixin_39554434的博客
12-21 210
我正在使用$_SESSION为我的网上商店动态创建表单.这些表单包含客户想要的产品的自定义信息.这是布局：第1页客户填写看起来像这样的表单：第2页客户查看订单详情,并可选择添加更多产品.客户返回第1页订购另一个.所有客户的订单将以第2页的形式显示.看起来像这样：Size: 1Color: blueClick Here To CheckoutSize: 2Color:greenClick Here ...
html一页提交多个表单,无法在单个html页面上提交多个表单
weixin_42531163的博客
06-05 402
我在一个文件上的表单有问题。 问题是，当我点击提交...它提交第一个表单数据，而不是该人填写的表单，即使您可以从下面的代码中看到，我为每个表单指定了一个特定的ID。无法在单个html页面上提交多个表单我使用的是PHP文件提交数据给mysql的这里是我的代码：case 'upd_chpt':if($_POST['does'] == 'upd_chpt'){$chId = $_POST['chId']...
html实现动态多表单输入,提交多个动态添加的html表单
weixin_31691749的博客
06-04 884
我正在构建一个可以动态添加表单的功能。不是表单字段，而是一个完整的单独的HTML表单。提交多个动态添加的html表单我使用JS添加它们。add_email_template$('#add_email_template').on('click', function() {var html ='' +'' +'Send Email' +'' +'' +'' +'' +'' +'' +'' +'' +'...
使用插件实现一个html页面多个form表单的异步提交
任聪聪的博客
12-24 4876
功能名称：实现一个html页面下多个form的提交请求 适用范围：所有的html +jquery 页面 需要插件:jquery 与 validform、llayui validform地址 validform下载地址 官网下载地址 layui地址：https://www.layui.com/ 插件一、validform实现多个表单异步提交 html中的代码示例： <script type...
同一页面多个form提交
u010719917的专栏
06-21 8407
办法1.同一个页面中建立两个表单 各自提交： <form action="?" name="form1" id="form1"> <!-- 表单内容 --> <input type="submit" /> </form> <form action="?" name="form1" id="form1"> <!-- 表单内容 -...
写一个html页面，基于bootstrap form表单 可以多关键词添加
最新发布
05-30
好的，下面是一个基于 Bootstrap 的多关键词添加表单页面： ```html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Multi-keyword Form</title> <link rel="stylesheet" href="https://cdn.bootcdn.net/ajax/libs/twitter-bootstrap/4.5.3/css/bootstrap.min.css"> </head> <body> <div class="container mt-5"> <h2 class="text-center mb-5">Multi-keyword Form</h2> <form> <div class="form-group"> <label for="keywords">Keywords:</label> <div class="input-group"> <input type="text" class="form-control" id="keywords" name="keywords[]"> <div class="input-group-append"> <button class="btn btn-outline-secondary add-keyword" type="button">Add</button> </div> </div> </div> <div id="keyword-group"></div> <button type="submit" class="btn btn-primary">Submit</button> </form> </div> <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script> <script> $(function() { // 添加关键词输入框 $('.add-keyword').click(function() { var html = ` <div class="input-group mt-3"> <input type="text" class="form-control" name="keywords[]"> <div class="input-group-append"> <button class="btn btn-outline-secondary remove-keyword" type="button">Remove</button> </div> </div> `; $('#keyword-group').append(html); }); // 删除关键词输入框 $(document).on('click', '.remove-keyword', function() { $(this).closest('.input-group').remove(); }); }); </script> </body> </html> ``` 这个表单页面有一个初始的关键词输入框和一个 "Add" 按钮，点击 "Add" 按钮可以动态添加更多的关键词输入框，每个关键词输入框都有一个 "Remove" 按钮可以删除该输入框。所有关键词的值都会以数组的形式提交到服务器端。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值