텍스트 크기에 따라 텍스트 필드의 최대 길이를 설정하는 방법은? 문자와 관련없는 텍스트 필드 크기를 설정하는 방법은 무엇입니까?텍스트의 크기에 따라 텍스트 필드에 maxlength를 설정하십시오.
최대 길이를 설정할 때 예를 들어 내 텍스트 필드 크기는 10입니다.하지만 텍스트 필드에 모두 1을 입력하면 텍스트 필드가 절반까지 채워집니다. 하지만 어퍼 케이스 A (예 : 10 A)를 설정하려고하면 텍스트 필드가 채워지고 그 10 개의 문자도 오버플로됩니다.
문자와 관련없는 텍스트 필드 크기를 설정하는 방법은 무엇입니까?
모노 스페이스 글꼴을 선택해야합니다.
예.
<input type="text" size="10" maxlength="10" style="font-family: monospace;">
(참고 : 위의 예에 불과하며 정상적인 연습 자체 .css 파일에 CSS를 정의하고 그것을 참조 class 속성을 사용하는 것입니다)
결과 :
font-family: monospace은 브라우저의 기본 고정 폭 글꼴을 선택합니다. 하지만 Lucida Console, Courier New 등이 더 있습니다.
아마 이런 뜻입니까? 이 의지 자동 규모 당신이 무엇을 넣어의 폭 입력 필드.
<input style="display:inline-block; width:10px; overflow:visible;" type="text" maxlength="10" />
은 또는 당신은 모든 문자 같은 폭하려면이 사용할 수 있습니다.
<input style="font-family: Courier New;" type="text" maxlength="10" size="10" />
... 무엇을 할 수 있습니까? ''처럼 HTML에 대해 이야기하고 있습니까? – jornb87
예, 심지어 HTML에서 maxlength = 10 및 width = 10을 입력하면 각 문자에 대해 끝 점이 다릅니다. 1의 경우 종점은 텍스트 필드의 절반에 해당합니다. A의 경우 10 번째 문자의 종점은 텍스트 필드의 끝에 있습니다. – Mdhar9e
그래서 작게 시작한 다음 자동으로 증가하는'input' 필드가 필요합니까? – jornb87