HTML_HTML/Xhtml_웹 페이지 제작에서 양식 입력과 같은 텍스트 상자를 읽기 전용 및 편집 불가능하게 만드는 방법

때로는 사용자가 정보를 수정할 수 없도록 양식의 텍스트 상자를 읽기 전용으로 설정하려는 경우가 있습니다. 예를 들어 의 내용에서 "China"라는 단어를 수정할 수 없습니다. 구현방법을 정리하면 다음과 같다.

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


방법 2: 읽기 전용



방법 3: 비활성화


전체 예:



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

css 차폐 입력:

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