Twol在同一行上形成按钮,而其中一个在表格内

时间:2014-09-28 13:35:14

标签: html html-table form-submit

我在表格中有一个带有提交按钮的表单,用于对齐输入,例如

 Chapter title: [____Input Field____]
 _____________________________________  
| Textarea to be filled               |
|                                     |
| Multiple lines                      |
|_____________________________________| 
[Set]   

我使用<form ...> <table><tr><td> ...来对齐不同行中的输入。

现在我想在“设置”按钮的右侧添加另一个与此表单无关的按钮。我们称之为&#34;重置&#34;按钮。所以我在现有元素旁边添加了另一个<form>...。但是新按钮位于下一行。我已经在第一个表单中有一个表,所以我不能使用表格,表格也不能嵌套。我如何实现目标?

 Chapter title: [____Input Field____]
 _____________________________________  
| Textarea to be filled               |
|                                     |
| Multiple lines                      |
|_____________________________________| 
[Set]                 [Reset](desired)  
[Reset](result)                       

更新:代码

http://jsfiddle.net/o71L6pav/1/

1 个答案:

答案 0 :(得分:1)

您可以使用 float:right 来实现此目的。 我没有看到您的代码,但您应该这样做:

<td> <button class="set" style="float:left"><button class="reset" style="float:right"><div style="clear:both"></div></td>