ボタンとフォーム要素を改行なしに同じ行に挿入するにはどうすればよいですか? ありがとうございます!ボタンとフォーム間の改行がありません
<button>ask question</button>
<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}"/>
<input type="submit" value="Search"/>
</form>
ボタンとフォーム要素を改行なしに同じ行に挿入するにはどうすればよいですか? ありがとうございます!ボタンとフォーム間の改行がありません
<button>ask question</button>
<form action="/search" method="get">
<input type="text" name="q" value="{SearchQuery}"/>
<input type="submit" value="Search"/>
</form>
このCSSスタイルを使用しますフォーム上style="display: inline;"
を。
<form action="/search" method="get" style="display: inline;">
ここには、demo on JSBinがあります。
両方<button>
と<form>
は、ブロックレベル要素です。 CSS display: inline
でインラインにする必要があります。それがあなたが意味するものなのかどうかはわかりません。また、より広範なHTMLにも依存します。あなたが浮くことができ
は:
入力フィールドはブロックレベル要素ですボタンとフォームの両方を残しました。あなたは、CSSの表示ルールを変更することができます。
input { display: inline; }
あなたはボタンフロート作ることができます:
<button style="float: left;">ask question</button>
受け入れ答えは動作しませんでしたしながら、これはまた、フォームのために働きます。 –