2011-09-25 10 views
65

は、HTML入力テキストボックスです:入力テキストボックスのサイズをHTMLでどのように定義できますか?ここで

<input type="text" id="text" name="text_name" /> 

ボックスのサイズを定義するためのオプションは何ですか?

これをCSSでどのように実装できますか?

+0

[どのように私は、HTMLのテキストボックスのサイズを設定しますか?](HTTPのが重複する可能性:// stackoverflowの nが、あなたが例えば

を設定したい任意の数であります.com/questions/2125509/how-do-i-set-html-text-boxのサイズ) – Tony

+0

'max-width'を設定するだけでも十分です –

答えて

96

あなたは、そのwidthを設定できます

<input type="text" id="text" name="text_name" style="width: 300px;" /> 

またはより良いクラスを定義します。場合

.mytext { 
    width: 300px; 
} 

<input type="text" id="text" name="text_name" class="mytext" /> 

、別のCSSファイルには、必要に応じてスタイルを適用ユーザーが使用できるこのテキストボックスに入力できる文字数を制限したいmaxlength属性:

<input type="text" id="text" name="text_name" class="mytext" maxlength="25" /> 
+0

助けてくれてありがとう – osos

+8

:幅を「em」(「px」ではなく)で変更することができ、サイズはテキストボックスのフォントサイズに比例します –

42

size属性が同様に、動作します。

<input size="25" type="text" /> 
6

は、CSSでこの

<input type="text" style="font-size:18pt;height:420px;width:200px;"> 

さも

<input type="text" id="txtbox"> 

をお試しください:

#txtbox 
    { 
    font-size:18pt; 
    height:420px; 
    width:200px; 
    } 
+1

あなたの答えは何も新しく追加されておらず、あなたは単位(px、pt、%vなど)をCSSで指定する必要があります –

+1

まあ、font-size(style = "font-size:18pt")は、ボックスのサイズも大きくなります。 OPによって明示的に尋ねられるわけではありませんが、価値を付加します。 – Wolf5

1

あなたは、インラインスタイルを介してピクセル単位で幅を設定することができる:

<input type="text" name="text" size="35" />

0

クール:

<input type="text" name="text" style="width:195px;">

はまた、目に見える文字長と幅を設定することができ方法はSize = ninputフィールドに追加することです。

<input size="50"> 

example of wide input

関連する問題