HTML에서 텍스트 상자를 숨기는 방법

HTML에서 텍스트 상자를 숨기는 방법: 1. 입력 텍스트 상자 유형 속성의 값을 "hidden"으로 설정합니다. 2. 텍스트 상자에 "display:none" 스타일을 추가합니다. 숨겨진" 스타일을 텍스트 상자에 적용합니다. 4. 텍스트 상자의 너비와 높이를 0으로 설정합니다.

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

HTML에서 텍스트 상자를 숨기는 네 가지 방법

방법 1:

<input type="hidden" value="">

모든 텍스트 상자에서 작동합니다(숨겨진 필드, 주로 데이터를 저장하는 데 사용됨)

방법 2:

<input type="text" value="" style="display:none">

객체를 숨긴 후, 개체가 공간을 차지하지 않습니다

방법 3:

<input type="text" value="" style="visibility:hidden">

개체가 숨겨진 후에도 여전히 해당 공간을 차지합니다.

방법 4:

<input type="text" value="" style"width:0;height:0;">

추천 튜토리얼: "html 비디오 튜토리얼"

위 내용은 HTML에서 텍스트 상자를 숨기는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!