HTML에서 입력 태그를 숨기는 방법
- 青灯夜游원래의
- 2021-09-13 16:36:1212550검색
html 입력 태그를 숨기는 방법: 1. "" 구문을 사용하여 숨겨진 속성을 입력 태그에 설정합니다. 2. 입력 태그의 유형 속성 값을 "hidden"으로 설정합니다. ", "" 구문을 사용합니다.
이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.
html 입력 태그 숨기기
방법 1: 숨겨진 속성을 입력 태그에 설정
숨겨진 속성은 요소가 숨겨지도록 지정합니다. 숨겨진 요소는 표시되지 않습니다.
이 속성을 사용하면 요소가 숨겨집니다.
특정 조건(예: 체크박스 선택 등)이 충족될 때만 사용자가 요소를 볼 수 있도록 숨겨진 속성을 설정할 수 있습니다. 그런 다음 JavaScript를 사용하여 숨겨진 속성을 제거하여 요소를 표시할 수 있습니다.
예:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input placeholder="文本,字母,数字等都可输入" hidden /><br /><br /> <input placeholder="文本,字母,数字等都可输入"/> </body> </html>
Rendering:
방법 2: 입력 태그의 type 속성 값을 "hidden"으로 설정합니다.
type 속성은 표시됩니다. 숨겨진 값은 숨겨진 입력 필드를 정의합니다.
예:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input placeholder="文本,字母,数字等都可输入"/><br /><br /> <input type="hidden" placeholder="文本,字母,数字等都可输入"/><br /><br /> <input placeholder="文本,字母,数字等都可输入"/><br /><br /> </body> </html>
렌더링:
추천 튜토리얼: "html 비디오 튜토리얼"
위 내용은 HTML에서 입력 태그를 숨기는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
성명：
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.