지역 사회 배우다 도구 라이브러리 여가
찾다
한국어
집 > 웹 프론트엔드 > JS 튜토리얼 > DOM 기본 튜토리얼: DOM을 사용하여 텍스트 상자 설정_기본 지식

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

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

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

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


상세코드

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

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










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

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

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

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




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

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

저자별 최신 기사
최신 이슈
React에서 localstorage.getItem은 null을 반환합니다. index.js：importReactfrom'react';importReactDOMfrom'react-dom/client';import'./index.css';i...
에서 2024-04-05 14:18:19
0
1
1523
테이블 대신 DOM을 통해 데이터를 렌더링하는 방법 만들고 있는 애플리케이션에 대해 질문이 있습니다. Oracle 데이터베이스를 사용하고 있으며 데이터베이스에서 정보를 가져와 테이블을 통해 화면에 표시하고 있는데 ...
에서 2024-04-04 18:17:27
0
1
3567
라우팅 경로가 React.js 구성 요소를 렌더링하지 않습니다. 프레이머 모션을 사용하여 일부 애니메이션 경로 경로를 만들려고 하는데 구성요소가 표시되지 않고 RouteWithAnimation.js에서 Home, Contact...
에서 2024-04-04 10:37:17
0
1
429
요소 사이의 공간 부족으로 인한 동적 추가 문제 내 마크업에는 다음 템플릿이 있습니다. <templateid="unsequenced-template"><buttontype=&q...
에서 2024-04-02 16:51:12
0
1
315
authts/react-oidc-context 라이브러리 및 keycloak 인증 서버를 사용하여 로그아웃하는 방법 이것은 다음 라이브러리 버전 "oidc-client-ts":"^2.2.4","react-를 사용하여 React-rou...
에서 2024-03-31 19:13:55
0
1
544
관련 주제
더>
인기 추천
인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿