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

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

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

效果:

效果图
HTML页面:


<table align="center">

    <form action="#" method="get">
        <tr>
            <td>用户名</td>
            <td><input type="text" name="name"/></td>
        </tr>
        <tr>
            <td></td>
            <td>
                <!--button/submit都可以-->
                <input type="submit" value="登录"/>
                <!--<button>登录</button>-->
            </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="注册"/>
                <!--<button>注册</button>-->
            </td>
        </tr>
        </tbody>
    </form>

    <tr>
        <td></td>
        <td>
            <button>返回</button>
        </td>
    </tr>
</table>

</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值