html入力テキストに3文字の幅を指定する

正確に3文字を入力できるHTMLテキストボックスを作成するにはどうすればよいですか？
私はこれをオンラインで見つけました：<input type="text" style="width: 10px; padding: 2px; border: 1px solid black"/>
幅10pxのテキストボックスを作成します。私はこれを使うことができましたが、ピクセルで "再生"する代わりに明示的に3文字幅を設定できるかどうか疑問に思っていました。html入力テキストに3文字の幅を指定する

出典

2013-06-02 Cratylus

これについての興味深いディスカッション（http://stackoverflow.com/q/1480588/589985） - 「サイズ」属性は機能するはずですが、適用可能なCSSによって上書きされます。そして、ブラウザ間で一貫性がないかもしれません... –

@XavierHolt： 'size'は最大許容入力です。私は幅に興味があります – Cratylus

@Craytus - 実際には、 'size'は幅に影響します - ' maxlength'は最大文字数を制御するものです。詳細については、[このページ]（https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Input）を参照してください。 –

lとWは幅が非常に異なります。

ただし、フォントをmonospaceに設定すると、そのように役立ちます。次に、input要素にsize="3"を設定できるはずです。理論的には、それは正確に3文字でなければなりません。

出典

2013-06-02 19:52:22

これは一般に実際にも機能します。また、フォントはmonospace（ブラウザに依存する汎用モノスペースフォント）ではなく、* some *モノスペースフォントに設定する必要はありません。 'font-family：Consolas、Lucida Console、monospace'と呼ばれています。 –

html入力テキストに3文字の幅を指定する

答えて

関連する問題