>  기사  >  웹 프론트엔드  >  HTML의 입력을 편집할 수 없도록 설정하는 방법

HTML의 입력을 편집할 수 없도록 설정하는 방법

青灯夜游
青灯夜游원래의
2021-05-04 09:28:408067검색

편집 불가능한 메서드를 설정하는 방법: 1. 입력에 "disabled="disabled"" 문을 추가합니다. 2. 입력에 "readonly="readonly"" 문을 추가합니다. 3. "readonly unselectable="을 추가합니다. "on"" 문을 입력합니다.

HTML의 입력을 편집할 수 없도록 설정하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

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

1. 비활성화된 속성

비활성화된 속성은 입력 요소를 비활성화해야 한다고 규정합니다. 비활성화된 입력 요소는 편집, 복사, 선택 또는 할 수 없습니다. 포커스를 받을 때 배경은 전달된 값을 받지 못합니다. 설정 후에는 텍스트 색상이 회색으로 변합니다. 비활성화된 속성은 10a0c4c6fe334f1dd2642c4aa224944a과 함께 사용할 수 없습니다. 6bfea39e2880ed1f176d4faec8788f49 一起使用。

示例:

<input type="text" disabled="disabled" />

2、readonly 属性

readonly 属性规定输入字段为只读可复制,但是,用户可以使用Tab键切换到该字段,可选择,可以接收焦点,还可以选中或拷贝其文本。后台会接收到传值. readonly 属性可以防止用户对值进行修改。

readonly 属性可与 e67338802192d7bd5294b2aa965c9bc5ce75dd0c000c13b714121a0931ccd91b

예:

<input type="text" readonly="readonly">

2.readonly 속성

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

readonly 속성은 23efcc05e98690ceeb219581933e4231 또는 794332e4da1b97221ff0ba8bc66903c4와 함께 사용할 수 있습니다.

예:

<input type="text"  readonly  unselectable="on" >
3.readonly unselectable="on"

🎜🎜readonly unselectable="on" 이 속성은 입력 요소를 편집, 복사, 선택할 수 없으며 텍스트를 받을 수 없습니다. 설정 후 색상도 회색으로 변하지만 값은 백그라운드에서 수신될 수 있습니다. 🎜🎜예: 🎜rrreee🎜추천 튜토리얼: "🎜html 비디오 튜토리얼🎜"🎜

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

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