html - テキスト入力ボックスのサイズと最大長をどのように一致させますか？

Question

テキスト入力ボックスのサイズと最大長をどのように一致させますか？maxlength属性とsize属性が整列せず、フォントの使用に依存しているのは非常に厄介です。

 Example input:<input type="text" size="4" maxlength="4" />

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

助言がありますか？

score 6 · Accepted Answer

私はそれが一致するとは思わず、ブラウザに大きく依存します。最善の策は、CSS を使用して入力の幅を設定することです。

<input type="text" maxlength="4" value="1234" />

input {width:30px;}

また、文字、フォントサイズ、および言語に基づいてサイズを変更する何らかの関数を考え出すこともできます。たとえば、このようなもの..

例：

1 に答える 1