HTML에서 입력 태그를 숨기는 방법-HTML 튜토리얼-php.cn

HTML에서 입력 태그를 숨기는 방법

青灯夜游

풀어 주다： 2023-01-11 09:19:51

원래의

12565명이 탐색했습니다.

html 입력 태그를 숨기는 방법: 1. "" 구문을 사용하여 숨겨진 속성을 입력 태그에 설정합니다. 2. 입력 태그의 유형 속성 값을 "hidden"으로 설정합니다. ", "" 구문을 사용합니다.

HTML에서 입력 태그를 숨기는 방법

이 튜토리얼의 운영 환경: 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:

HTML에서 입력 태그를 숨기는 방법

방법 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에서 입력 태그를 숨기는 방법