入力サイズと幅: ブラウザー間の互換性にはどちらが最適ですか?

入力サイズと幅

入力フィールドのサイズを指定する場合、size 属性を使用するか、 属性を使用するかの 2 つのオプションがあります。 >width CSS プロパティ。しかし、最も優れたクロスブラウザ コードはどれでしょうか?

答えは、両方を使用できるということです。 CSS スタイルは、CSS をサポートするブラウザーでは size 属性をオーバーライドしてフィールドを正しい幅にします。そうでないブラウザーでは、指定された文字数に戻ります。

編集: size 属性はサイズ変更の正確な方法ではないことを言及すべきでした。HTML 仕様によれば、入力が可能な現在のフォントの文字数を参照する必要があります

ただし、指定されたフォントが固定幅/等幅フォントでない限り、指定された文字数が実際に表示されるという保証はありません。ほとんどのフォントでは、文字が異なれば幅も異なります。この質問には、この問題に関する適切な回答がいくつかあります。

以下のスニペットは、両方のアプローチを示しています。

以上が入力サイズと幅: ブラウザー間の互換性にはどちらが最適ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。