> 웹 프론트엔드 > JS 튜토리얼 > DOM 기본 튜토리얼: DOM을 사용하여 텍스트 상자 설정_기본 지식

DOM 기본 튜토리얼: DOM을 사용하여 텍스트 상자 설정_기본 지식

WBOY
풀어 주다: 2016-05-16 16:18:43
원래의
1071명이 탐색했습니다.

1. 사용자가 입력하는 문자 수를 제어합니다

한 줄짜리 텍스트 상자와 비밀번호 입력 상자의 경우 maxlength 속성을 사용하여 사용자가 입력하는 문자 수를 제어할 수 있습니다.
여러 줄 텍스트의 경우 maxlength는 입력된 최대 문자 수를 값으로 갖는 사용자 정의 속성입니다. onkeypress 이벤트가 발생하면 LessThan() 함수의 반환 값이 반환됩니다.


상세코드

코드 복사 코드는 다음과 같습니다.

<스크립트 언어="javascript">
함수 LessThan(oTextArea){
//텍스트 상자의 문자 수가
기호에 필요한지 여부에 대한 부울 값을 반환합니다. oTextArea.value.length < oTextArea.getAttribute("maxlength");
반환 }










2. 마우스를 사용하여 텍스트를 자동으로 선택하도록 설정하세요.

첫 번째는 마우스가 onmouseover = "this.focus"를 지나갈 때 자동으로 초점을 맞추는 것입니다

두 번째는 onfocus = "this.select()"
코드 예:

코드 복사 코드는 다음과 같습니다.




여러 코드 인스턴스의 경우 다음 코드를 사용하여 집중할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿