>  기사  >  웹 프론트엔드  >  CSS 입력 상자를 편집 불가능하게 만드는 방법

CSS 입력 상자를 편집 불가능하게 만드는 방법

藏色散人
藏色散人원래의
2021-04-19 09:24:334997검색

CSS 입력 상자를 편집 불가능으로 설정하는 방법: 1. 입력 태그에 비활성화된 속성을 추가합니다. 2. 입력 태그에 읽기 전용 속성을 추가합니다. 3. 입력 태그에 "readonly unselectable="on""을 추가합니다. .

CSS 입력 상자를 편집 불가능하게 만드는 방법

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

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

1. 입력 태그에 비활성화 속성을 추가합니다

비활성화된 속성은 비활성화된 입력 요소를 비활성화해야 함을 규정합니다. 포커스를 받았습니다. 배경은 전달된 값을 받지 않습니다. 설정이 완료되면 텍스트 색상이 회색으로 변합니다. 비활성화된 속성은 10a0c4c6fe334f1dd2642c4aa224944a과 함께 사용할 수 없습니다.

예:

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

2. 입력 태그에 readonly 속성을 추가합니다.

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

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

예:

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

3. 입력 태그에 readonly unselectable="on"을 추가하세요. 이 속성은 입력 요소를 편집, 복사, 선택할 수 없으며 포커스를 받을 수 없습니다. , 및 설정됨 텍스트의 색상도 회색으로 바뀌지만 전달된 값은 배경에서 수신될 수 있습니다.

예:

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

[추천 학습:

css 동영상 튜토리얼

]

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

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