html - HTML5 入力タイプ番号のスタイリング

Question

HTML5でフォームを書いています。入力の 1 つはですtype=number。入力に 2 桁のみを表示したいのですが、デフォルトでは少なくとも 5 桁が表示されるようで、余分なスペースが必要です。size="2"属性を追加しようとしましたが、効果はありません。

これは私が使用しているタグです：

<input type="number" name="numericInput" size="2" min="0" max="18" value="0" />

私は何が欠けていますか？

score 59 · Accepted Answer

HTML5 の数値入力には、幅やサイズなどのスタイル属性はありませんが、CSS で簡単にスタイルを設定できます。

input[type="number"] {
   width:50px;
}

score 19 · Accepted Answer

私は同じ解決策を探していましたが、これはうまくいきました...入力の幅を制御するインラインcssタグを追加します。

例えば：

<input type="number" min="1" max="5" style="width: 2em;">

min および max 属性と組み合わせて、入力の幅を制御できます。

score 11 · Accepted Answer

残念ながら、HTML 5では、「pattern」属性は4〜5個の属性にのみリンクされています。ただし、代わりに「テキスト」フィールドを使用して後で数値に変換する場合は、これが役立つ可能性があります。

これにより、入力が1文字（数字）から3に制限されます。

<input name=quantity type=text pattern='[0-9]{1,3}'>

CSSでは、基本的に「イマイチ」または「イマイチ」で確認できます。

score 3 · Accepted Answer

特定の属性は 4 つだけです。

そのため、キーワードでユーザータイプの長さを制御することはできません。ただし、ブラウザの実装は変更される可能性があります。

score -3 · Accepted Answer

-3

やり方がある：

<input type="number" min="0" max="100" step="5"/>

于 2014-05-01T05:09:18.313 に答える

score -5 · Accepted Answer

-5

<input type="number" name="numericInput" size="2" min="0" maxlength="2" value="0" />

于 2015-04-03T14:00:39.570 に答える

7 に答える 7