フォームタグにどのように幅を与えることができますか？

Question

フォームに幅を与える方法は？

ハビエル

Answer 1

um ...他の要素と同じ方法ですか？

<form style="width: 500px"> 

（またはクリーナーであるCSSクラスにおける等価設定）

しかし、これは、フォームがdisplay: inlineに設定されていない場合にのみ動作します。その場合、幅を指定することはできません。

Answer 2

他のブロック要素と同じ方法で指定します。

要素に一致するwidth propertyとselectorを使用します。

form { 
    width: 20em; 
} 

Answer 3

あなたはまっすぐCSSでそれを選択することで、これを行うことができます。

form 
{ 
    width: 120px; 
} 

ます。また<fieldset>を使用することができます。

これらとして

<form> 
    <fieldset> 
    name: <input name="realname"><BR> 
    email: <input name="email"> 
    </fieldset> 
</form> 

fieldset 
{ 
    width: 120px; 
} 

は、ブロックレベル要素であり、あなたが幅を割り当てることができます問題はありません。

スタイリングや選択に役立つクラスやIDを割り当てることもできます。 CSSの

Answer 4

<form style="width: 100px;"> 

</form> 

Answer 5

、

.form { 
width:500px; 
} 

を追加してからHTMLでフォームへのクラスとして追加します。このクラス=「フォーム」

あなたはクリーンなマークアップを持つことになりますようは、インラインスタイルを避けてください。