입력 크기와 너비

입력 필드의 크기를 지정할 때 크기 속성을 사용하거나 너비 CSS 속성. 하지만 어떤 것이 최고의 크로스 브라우저 코드인가요?

답은 둘 다 사용할 수 있다는 것입니다. CSS 스타일은 CSS를 지원하는 브라우저의 크기 속성을 재정의하고 필드를 올바른 너비로 만들고, 그렇지 않은 경우에는 지정된 문자 수로 대체됩니다.

편집 : 크기 속성은 정확한 크기 조정 방법이 아니라는 점을 언급했어야 했습니다. HTML 사양에 따르면 입력할 수 있는 현재 글꼴의 문자 수를 참조해야 합니다. 한 번에 표시합니다.

그러나 지정된 글꼴이 고정 너비/고정 폭 글꼴이 아닌 한 이는 지정된 수의 문자가 실제로 표시된다는 것을 보장하지 아닙니다. 대부분의 글꼴에서는 문자마다 너비가 다릅니다. 이 질문에는 이 문제와 관련된 몇 가지 좋은 답변이 있습니다.

아래 스니펫은 두 가지 접근 방식을 모두 보여줍니다.