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.

それ以外の場合、得られる可能性はこれら 2 つだけです。

  • フォーム全体を作成します。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 に答える