HTML에서 양식 입력과 같은 텍스트 상자를 읽기 전용 및 편집 불가능하게 만드는 방법

때때로 우리는 사용자가 그 안의 정보를 수정할 수 없도록 양식의 텍스트 상자를 읽기 전용으로 만들고 싶을 때가 있습니다. 예를 들어 입력 텍스트의 내용, 한자는 수정할 수 없습니다.

때로는 형식의 텍스트 상자는 읽기 전용이므로 사용자는 그 안에 있는 정보를 수정할 수 없습니다. 예를 들어 a2a56a8a8cdc0ffbb6d07be81ff071b2를 사용하는 경우 "China"라는 단어를 수정할 수 없습니다. 구현방법을 정리하면 다음과 같다.

방법 1: onfocus=this.blur() 마우스를 배치할 수 없는 경우 포커스 유지

<input type="text" name="input1" value="中国" onfocus=this.blur()>

방법 2: 읽기 전용

<input type="text" name="input1" value="中国" readonly> 
<input type="text" name="input1" value="中国" readonly="true">

방법 3: 비활성화됨

<input type="text" name="input1" value="中国" disabled="true">

전체 예:

<input name="ly_qq" type="text" tabindex="2" onMouseOver="this.className=&#39;input_1&#39;" onMouseOut="this.className=&#39;input_2&#39;" value="123456789" disabled="true"　readOnly="true" />

disabled = "true" 텍스트가 회색으로 바뀌어 편집할 수 없습니다.
readOnly="true" 텍스트는 색상이 변경되지 않으며 편집할 수 없습니다.

css 차폐 입력: fd40e33b79246bd8e97fd2e5e04427ce

먼저 두 가지 방법이 있습니다: 비활성화= "disabled"는 사용할 수도 없고 클릭할 수도 없는 비활성화된 입력 요소를 정의합니다. 둘째: readonly="readonly" 읽기 전용 필드는 수정할 수 없습니다. 그러나 사용자는 여전히 탭 키를 사용하여 필드로 전환하고 해당 텍스트를 선택하거나 복사할 수 있습니다.

관련 권장 사항:

HTML5 비디오/오디오로 로컬 파일 재생

위 내용은 HTML에서 양식 입력과 같은 텍스트 상자를 읽기 전용 및 편집 불가능하게 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!