web-dev-qa-db-ja.com

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

これがHTML入力テキストボックスです。

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

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

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

75
osos

widthを設定できます。

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

あるいはもっと良いクラスを定義します。

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

別のCSSファイルで必要なスタイルを適用します。

.mytext {
    width: 300px;
}

ユーザーがこのテキストボックスに入力できる文字数を制限したい場合は、maxlength属性を使用できます。

<input type="text" id="text" name="text_name" class="mytext" maxlength="25" />
108
Darin Dimitrov

size属性も同様に機能します。

<input size="25" type="text" />
43
Fuzzy Analysis

これを試して

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

それ以外の場合

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

cSSで:

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

インラインスタイルで幅をピクセル単位で設定できます。

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

表示される文字の長さで幅を設定することもできます。

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

1