表示幅ではなく文字のサイズ

size要素の属性は、入力された文字で入力フィールドのサイズを制御します。 これは表示サイズに影響しますが、やや間接的です。 表示の観点から見ると、一つの文字は1 emと同等です（実際にはemCSSユニットの定義です）。, これは、幅がフォントサイズに応じて変化することを意味します—両方font-sizeプロパティ（12 pt対14pt) and the relative size of the font being used (Arialvs.Helvetica`、たとえば）。 ただし、size属性は、実際には潜在的なエントリの長さを制限しません。 たとえば、4桁のPIN番号のフィールドを使用する場合、PIN入力が四桁しか取得されないことを確認するには、次のようにするだけでは不十分です。,

<form> <label for="pin">PIN</label><br> <input name="pin" size="4"><br> <input type="submit"> </form>

このため、size属性は、多くの場合、最良のアプローチではありません。 実際の表示サイズは異なる場合があり、ユーザーは必要以上に入力することができます。 ほとんどの場合、通常はCSSを使用してサイズを制御し、（必要に応じて）maxlengthを使用してユーザーが入力する文字数を制御する方が良いです。 sizeをmaxlengthと組み合わせて使用することも、特に平易でスタイルなしの形式では理にかなっています。,

<form> <label for="pin2">PIN</label><br> <input name="pin2" size="4" maxlength="4"><br> <input type="submit"> </form>
Adam is a technical writer who specializes in developer documentation and tutorials.