2

テキストのサイズに応じてテキストフィールドの最大長を設定するにはどうすればよいですか？文字に関係のないテキストフィールドのサイズを設定するにはどうすればよいですか？

たとえば、最大長を設定する場合、テキストフィールドのサイズは10です。ただし、テキストフィールドにすべて1を入力すると、テキストフィールドは半分まで入力されます。しかし、大文字のA、つまり10 Aを設定しようとすると、テキストフィールドがいっぱいになり、その10文字でオーバーフローすることさえあります。

文字に関係のないテキストフィールドサイズを設定するにはどうすればよいですか？

4

2 に答える 2

4

等幅フォントを選択する必要があります。

例えば

<input type="text" size="10" maxlength="10" style="font-family: monospace;">

（注：上記は単なる例です。通常は、CSSを独自の.cssファイルで定義し、class属性を使用して参照します）

結果：

ここに画像の説明を入力してください

はfont-family: monospaceブラウザのデフォルトの等幅フォントを選択します。しかし、、など、もっとありLucida ConsoleますCourier New。

于 2011-11-07T13:57:16.723 に答える
0

たぶんあなたはこのようなことを意味しますか？これにより、入力フィールドが入力した幅に自動スケーリングされます。

<input style="display:inline-block; width:10px; overflow:visible;" type="text" maxlength="10" />

または、これを使用して、すべての文字を同じ幅にすることができます。

<input style="font-family: Courier New;" type="text" maxlength="10" size="10" />
于 2011-11-07T13:56:31.523 に答える