0

我试图在表单的同一行中放置一个按钮。

<form name="search_form" method="get" action="results1.php">
Organism <select name="organism_list" size="1" id="organism_list" >
      <option selected="selected">All</option>
      <option id="human" name="organism_human">Human </option>
      <option id="mouse" name="organism_mouse">Mouse </option>
      <option id="rat"  name="organism_rat">Rat </option>
</select>        
Query <input name="query_textbox" type="text" id="textbox1" value="" />
<input name="search_button" type="submit" id="search_button" value="Go" />
</form>
<input name="ad_search_button" type="submit" id="ad_search_button" value="Advance Search" />

我希望 ad_search_button 与 search_button 相邻。但由于形式，它没有被放置在我想要的位置。我该怎么办？

4

4 回答 4

1

如果您不能将输入按钮 ad_search_button 保留在表单内，那么您可以制作它position:absolute并调整其 top、right、left、bottom 属性以符合search_button.

否则，这是您仅有的两种可能性。

  • 制作整个表单float:left，这将导致“ad_search_button”出现在它的右侧。同样在这种情况下，整个表格的宽度应该小于屏幕的总宽度，以便ad_search_button可以容纳。

  • 或者您可以简单地将您的表格保留ad_search_button在表格中。它应该呈现在search_button

  • ad_search_button 保留在里面

  • ad_search_button 保留在外面
于 2013-03-13T17:36:26.840 回答
0

我建议将该按钮更改为锚标记，然后将其放在表单中，这样就不会影响表单。

这是假设高级搜索不必在其自己的形式内（在您的示例中不是）

例如

    <input name="search_button" type="submit" id="search_button" value="Go" />
    <a href="/ad_search.php">Advanced Search</a>
</form>

把事情简单化。

于 2013-03-13T17:34:12.020 回答
0

你可以把整个东西放在一张桌子上：

<table>
  <tr>
    <td><form>...</form></td>
    <td>other button here</td>
  </tr>
</table>

http://jsfiddle.net/V273j/

于 2013-03-13T17:40:16.253 回答
0

将按钮放在div表单内部，然后添加一些 CSS 样式。

http://jsfiddle.net/25u4c/1/

于 2013-03-13T17:45:20.347 回答