html - 将按钮放在表单之外但与提交按钮在同一行

Question

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

<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 相邻。但是由于表格的原因，它没有被放置在我想要的位置。我该怎么办？

Answer 1

如果您不能将输入按钮 ad_search_button 保留在表单内，那么您可以将其设为 position:absolute 并调整其 top、right、left、bottom 属性以符合 搜索按钮。

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

• 使您的整个表单 float:left，这将使“ad_search_button”位于其右侧。同样在这种情况下，整个表单的宽度应小于屏幕的总宽度，以便 ad_search_button 可以容纳。

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

的左侧

• ad_search_button kept inside

• > ad_search_button kept outside