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

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

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

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

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

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

예:

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

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

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

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

예:

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

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

예:

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

[추천 학습:

]

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