入力ボックスが必要以上に長くならないようにスタイルを設定したい、さまざまな長さの数値入力がいくつかあります。
<input type=number name=short value='1' min=0 max=9 size=1 maxlength=1>
<input type=number name=medium value='123' min=0 max=999 size=3 maxlength=3>
<input type=number name=long value='12345' min=0 max=99999 size=5 maxlength=5>
Firefox はタイプ入力を認識せず、ボックスnumber
であると想定して入力を処理します。text
したがって、size
とmaxlength
が入力ボックスに適用されます。
Chrome はタイプ入力を認識し、値とスピン (アップ/ダウン) ボタンの幅にnumber
基づいて、入力ボックスのサイズを自動的に制限します。max
しかし、number
型入力も認識する Opera では、処理が異なります。この値を使用してsize
、入力ボックスのサイズを計算するか、何も指定されていない場合はブラウザーの既定値を計算します。スピン ボタンの幅が考慮されていないため、入力の一部が見えなくなります。
Operaブラウザで言及した問題を考慮して、必要以上に長くならないように数値入力を適切にスタイルする方法はありますか?