>  기사  >  웹 프론트엔드  >  HTML 입력을 편집 불가능하게 만드는 방법

HTML 입력을 편집 불가능하게 만드는 방법

藏色散人
藏色散人원래의
2021-06-03 10:38:585608검색

html 입력을 편집할 수 없도록 설정하는 방법: 1. 비활성화된 속성을 사용하여 입력 요소를 비활성화합니다. 2. 읽기 전용 속성을 사용하여 입력 필드를 읽기 전용 및 복사 가능으로 만듭니다. 3. "readonly unselectable="on을 사용합니다. 편집 불가능성을 달성하려면 ""을 사용합니다.

HTML 입력을 편집 불가능하게 만드는 방법

이 문서의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

입력 텍스트 상자를 편집 불가능하게 만드는 3가지 방법

오늘은 입력 텍스트 상자를 편집 불가능하게 만드는 3가지 방법을 시도했습니다. 이제 요약하자면:

  • 비활성화된 속성은 입력 요소가 다음과 같아야 한다고 규정합니다. 비활성화 및 비활성화 입력 요소를 편집, 복사, 선택할 수 없고 포커스를 받을 수 없으며 값이 백그라운드에서 수신되지 않습니다. 설정 후에는 텍스트 색상이 회색으로 변합니다. 비활성화된 속성은 과 함께 사용할 수 없습니다.

예:

  • readonly 속성은 입력 필드가 읽기 전용이고 복사 가능함을 지정합니다. 그러나 사용자는 Tab 키를 사용하여 다음 작업을 수행할 수 있습니다. 필드로 전환하여 포커스를 받고 해당 텍스트를 선택하거나 복사합니다. 전달된 값은 백그라운드에서 수신됩니다. 읽기 전용 속성은 사용자가 값을 수정하는 것을 방지합니다.

readonly 속성은 또는

예:

  • readonly unselectable="on" 이 속성은 비활성화와 유사하며 입력 요소를 편집, 복사, 선택할 수 없으며 수신할 수 없습니다. focus. 설정 후 텍스트 색상도 회색으로 바뀌지만 전달된 값은 백그라운드에서 수신될 수 있습니다. 예: (아직 초보자입니다. 틀린 내용이 있으면 지적해 주세요!)

【추천 학습: html 동영상 튜토리얼

위 내용은 HTML 입력을 편집 불가능하게 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.