> 웹 프론트엔드 > HTML 튜토리얼 > 양식의 입력 텍스트 상자를 편집할 수 없도록 설정하는 방법

양식의 입력 텍스트 상자를 편집할 수 없도록 설정하는 방법

青灯夜游
풀어 주다: 2022-04-01 15:51:19
원래의
30209명이 탐색했습니다.

양식 입력 텍스트 상자를 편집 불가능으로 설정하는 방법: 먼저 해당 코드 파일을 만든 다음 양식 필드를 "onfocus=this.blur(), readonly, 비활성화"로 설정합니다. 편집 불가능 그냥 기능입니다.

양식의 입력 텍스트 상자를 편집할 수 없도록 설정하는 방법

이 글의 내용은 입력 텍스트 상자를 예로 들어 양식을 비논리적으로 설정하는 방법을 소개하는 것입니다. 모든 양식 필드(텍스트 상자, 레이블, 확인란, 텍스트 영역)를 편집할 수 없도록 만드는 방법을 이해하고 읽기 전용 속성과 비활성화된 속성의 차이점을 이해합니다. 도움이 필요한 친구들이 참고할 수 있기를 바랍니다.

때때로 양식 필드를 편집 불가능한 모드로 표시해야 하는 경우 어떻게 해야 할까요? 양식 필드(입력 텍스트 상자, 레이블, 확인란, 텍스트 영역)에 대해 다음 메서드를 설정하여 양식의 편집 불가능한 기능을 구현할 수 있습니다. [관련 영상 튜토리얼 추천: html tutorial]

효과를 보기 위해 입력 텍스트 상자를 예로 들어보겠습니다:

#🎜🎜 #1 , onfocus=this.blur()

<input type="text" name="input1" value="php中文网" onfocus=this.blur()>
로그인 후 복사

양식의 입력 텍스트 상자를 편집할 수 없도록 설정하는 방법

양식 입력 텍스트 상자를 클릭할 수 없고 클릭할 수 없는 것을 볼 수 있습니다. 편집할 수 없습니다. 내부의 텍스트도 선택할 수 없습니다.

2. 읽기 전용 속성

<input type="text" name="input1" value="php中文网" readonly> 

<input type="text" name="input1" value="php中文网" readonly="true">
로그인 후 복사

양식의 입력 텍스트 상자를 편집할 수 없도록 설정하는 방법

보시다시피, 양식 입력 텍스트 상자는 클릭할 수 없으며 편집할 수 없습니다.

3. 비활성화된 속성

<input type="text" name="input1" value="php中文网" disabled>
로그인 후 복사

양식의 입력 텍스트 상자를 편집할 수 없도록 설정하는 방법

참고: #🎜🎜 #모든 양식 필드 또는 요소에 대해 읽기 전용 속성을 설정할 수는 없습니다.

살펴보자

읽기전용 속성과 비활성화 속성의 차이점은 무엇인가요?

readonly 속성과 비활성화 속성은 모두 양식 필드(텍스트 상자, 레이블, 확인란, 텍스트 영역)의 편집 불가능한 속성입니다. 차이점을 살펴보겠습니다#🎜 🎜 #

disabled 속성----Disabled 속성

1 비활성화된 양식 필드 또는 요소 값은 처리를 위해 서버에 게시되지 않습니다.

2. 비활성화된 양식 필드 또는 요소는 포커스를 받지 못합니다.

3. 비활성화된 양식 필드 또는 요소는 탭 탐색 중에 건너뜁니다.

4. 일부 브라우저(예: IE)는 비활성화된 양식 필드 또는 요소에 대해 기본 스타일(회색 또는 양각 텍스트)을 제공합니다.

readonly 속성----읽기 전용 속성

1 필드 또는 요소의 값은 읽기 모드로 서버에 게시됩니다. - 처리 전용 양식입니다.

2. 읽기 전용 양식 필드 또는 요소에 포커스가 있을 수 있습니다.

3. 탭 탐색 중에 읽기 전용 양식 필드 또는 요소를 포함합니다.

4. 일부 브라우저는 읽기 전용 양식 필드 또는 요소에 대한 기본 스타일을 제공하지 않습니다.

요약:

위 내용은 이 글의 전체 내용입니다. 모든 분들의 공부에 도움이 되었으면 좋겠습니다.

위 내용은 양식의 입력 텍스트 상자를 편집할 수 없도록 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿