HTML 텍스트 상자에서 읽기 전용을 설정하는 방법
- 青灯夜游원래의
- 2021-05-14 15:09:569833검색
HTML에서는 텍스트 상자 요소(입력 또는 텍스트 영역)에 읽기 전용 속성을 설정하여 읽기 전용 기능을 구현할 수 있습니다. 구문은 "" 또는 "
이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.
HTML에는 두 가지 유형의 텍스트 상자 요소가 있습니다.
input
textarea
텍스트 상자를 읽기 전용으로 설정하려면 읽기 전용 속성을 텍스트 상자 요소.
readonly 속성은 부울 속성입니다.
readonly 속성은 텍스트 영역이 읽기 전용임을 지정합니다.
읽기 전용 텍스트 영역에서는 내용 수정이 불가능하지만, 사용자가 탭 키를 통해 컨트롤로 전환해 내용을 선택하거나 복사할 수 있습니다.
특정 조건(예: 확인란 선택)이 충족될 때까지 사용자의 텍스트 영역 사용을 재개하도록 읽기 전용 속성을 설정할 수 있습니다. 그런 다음 JavaScript를 사용하여 읽기 전용 속성 값을 제거하여 텍스트 영역을 편집 가능하게 만들 수 있습니다.
예:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<input type="text" value="测试文本"/><br>
<input type="text" value="测试文本" readonly="readonly"/>
<hr>
<textarea>测试文本</textarea><br>
<textarea readonly>测试文本</textarea>
</body>
</html>
추천 튜토리얼: "html 비디오 튜토리얼"
위 내용은 HTML 텍스트 상자에서 읽기 전용을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
이전 기사：HTML 텍스트 상자의 색상을 설정하는 방법다음 기사：HTML 텍스트 상자의 색상을 설정하는 방법