HTML同一个table中不同的按钮提交不同表单

左手的ㄟ右手 2022-07-15 07:56 258阅读 0赞

> 在同一个页面的table中提交用不同的按钮提交不同的表单通常需要多个form，如果为了排版需要对齐不同的button，可以用table的tbody标签实现

*  将tbody标签放在from标签中，再将from标签放在table中，通过控制table的格式对齐控件，达到目的

效果：

![效果图][20161108211128361]  
HTML页面：

<table align="center">
    
        <form action="#" method="get">
            <tr>
                <td>用户名</td>
                <td><input type="text" name="name"/></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    
                    <input type="submit" value="登录"/>
                    
                </td>
            </tr>
    
            </tbody>
        </form>
    
    
        <form action="#" method="get">
            <tr>
                <td>用户名</td>
                <td><input type="text" name="name1"/></td>
            </tr>
            <tr>
                <td></td>
                <td>
                    <input type="submit" value="注册"/>
                    
                </td>
            </tr>
            </tbody>
        </form>
    
        <tr>
            <td></td>
            <td>
                <button>返回</button>
            </td>
        </tr>
    </table>
    
    </body>
    </html>

[20161108211128361]: /images/20220715/9ff5f8d3669d46dfb6f6324650257d97.png

发表评论取消回复

表情：

评论列表（有 0 条评论，258人围观）

还没有评论，来说两句吧...

相关阅读

相关使用HTML和js设置一个简单的提示框，在同一个提示框中，点击不同的按钮，提示不同的内容：

思路：先设置一个提示框，同过js中的innerHtml和单击事件onclick来实现： HTML部分： <!-- 设置一个提示框tsk，提示语句tsy和确认按钮

桃扇骨/ 2024年02月21日 09:08/ 0 赞/ 24 阅读

相关一个Form表单中提交两个不同的action

前言 > 假如我们不使用一个form表单中提交两个不同的action,那么我们一般情况下会使用两个form。这样所导致的结果就是页面的不美观。比如下图: ![20201

妖狐艹你老母/ 2022年12月17日 07:01/ 0 赞/ 121 阅读

相关 html中form表单提交和阻止表单提交的细节

[如何阻止表单提交][Link 1] [HTML禁止表单提交方法][HTML] ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10

朱雀/ 2022年11月25日 00:35/ 0 赞/ 829 阅读

相关 html禁止form表单提交表单提交,onsubmit阻止表单提交

在实际开发中往往会遇到检查表单数据的合法性，如果数据不合法，就不让其提交。 Bootstrap 实例 - 提交表单验证 //---> function checksubm

骑猪看日落/ 2022年10月07日 11:57/ 0 赞/ 425 阅读

相关 html表单按钮颜色修改,当表单有效时更改提交按钮颜色

我希望按钮在表单有效时更改颜色，而不必点击任何内容或调用某个函数(如单击提交按钮)。只要表格有效，按钮应该变成蓝色，我无法理解这一点，任何帮助都将不胜感激。当表单有效时更改提交

- 日理万妓/ 2022年10月06日 04:44/ 0 赞/ 253 阅读

相关 odoo同一个表,怎么从不同菜单进去后显示不同的form

这个问题,想着很复杂,但经过万能的网友"姐夫"帮助,竟然这么简单: 看一下partner这个表, 客户和供应商,都用这个表,那怎么区分呢: 供应商:

男娘i/ 2022年09月24日 01:24/ 0 赞/ 155 阅读

相关同一个页面内实现html+js表单提交输出功能

<html> <head> <title>同一个页面内实现html+js表单提交输出功能</title> <meta http-equiv="C

以你之姓@/ 2022年08月12日 15:29/ 0 赞/ 166 阅读

相关 JavaWeb项目中同一表单下点击不同的按钮生成不同响应

1. 使用同一个Servlet 在Form中加入一个不可见的标记控件，这个控件可以是input等可以设置value属性的控件，并为其指定id 为button设

柔光的暖阳◎/ 2022年07月16日 00:56/ 0 赞/ 195 阅读

相关 HTML同一个table中不同的按钮提交不同表单

> 在同一个页面的table中提交用不同的按钮提交不同的表单通常需要多个form，如果为了排版需要对齐不同的button，可以用table的tbody标签实现将tbo

左手的ㄟ右手/ 2022年07月15日 07:56/ 0 赞/ 259 阅读

相关同一个【返回】按钮如何根据不同的情况跳转到不同的页面

有时候我们会遇到这样的需求：A页面和B页面都能跳转到C页面，C页面有一个返回按钮，要根据是A页面跳转过来的还是B页面跳转过来的进行返回，要是A页面跳转过来的就返回A页面，同理返

怼烎@/ 2022年03月27日 01:54/ 0 赞/ 307 阅读