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

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

青灯夜游
풀어 주다: 2023-01-05 16:13:22
원래의
8072명이 탐색했습니다.

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

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

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

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

1. 비활성화된 속성

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

示例:

<input type="text" disabled="disabled" />
로그인 후 복사

2、readonly 属性

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

readonly 属性可与 <input type="text"><input type="password">

예:

<input type="text" readonly="readonly">
로그인 후 복사

2.readonly 속성

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

readonly 속성은 <input type="text"> 또는 <input type="password">와 함께 사용할 수 있습니다.

예:

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

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

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