입력 텍스트 상자의 내용에 따라 길이를 변경하는 방법 소개

이 글에서는 내용 길이가 변경됨에 따라 입력 텍스트 상자의 길이가 변경되도록 하는 방법을 주로 소개합니다. 구현 원리는 매우 간단합니다. 첫 번째:

코드는 다음과 같습니다.

<input type="text" onkeydown="this.onkeyup();" onkeyup="this.size=(this.value.length>4?this.value.length:4);" size="4">

여기서 size="4"는 초기 크기를 정의하는 것입니다. 여기에 정의되어 있지 않으면 이것을 입력합니다. .size=( this.value.length>4?this.value.length:4); 내부의 4를 20으로 변경하고 23efcc05e98690ceeb219581933e4231의 기본 크기는 20입니다.

두 번째:
style에서 width 속성을 정의하고 내용에 따라 너비를 변경하려는 경우 두 요구 사항이 모순되지 않습니까? 따라서 여기서는 width 속성을 style에서 정의할 수 없습니다. >더 많은 입력 내용에 따라 텍스트 상자의 길이를 변경하는 방법에 대한 소개는 PHP 중국어 사이트의 관련 기사를 참고하세요!