您的位置:首页 > Web前端 > HTML

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

2016-11-08 21:13 260 查看
在同一个页面的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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: