![생산성을 유지하려면 지속적으로 유지해야 합니다](/f/8c5ef377c2fc920ba282bfa39538ede4.jpg)
이미지 크레디트: PeopleImages/E+/GettyImages
HTML 선택 상자는 다양한 옵션 중에서 선택할 수 있는 웹 페이지 요소입니다. 일반적으로 드롭다운 메뉴로 표시됩니다. HTML 또는 스타일 언어 CSS를 사용하여 선택 상자 또는 다른 웹 페이지 요소를 숨길 수 있습니다. 다른 옵션에는 JavaScript를 사용하여 프로그래밍 방식으로 요소 숨기기 또는 대부분의 상황에서 웹 페이지에 표시되지 않는 HTML의 숨겨진 입력 설정이 포함됩니다.
HTML 및 CSS를 사용하여 스타일 옵션을 넣어 선택 상자를 숨겨서 보이지 않게 합니다. CSS와 HTML을 사용하여 요소를 숨기는 두 가지 주요 방법은 가시성 스타일 속성과 표시 스타일 속성을 사용하는 것입니다.
오늘의 비디오
요소의 가시성을 숨김으로 설정하면 요소가 웹 페이지에 표시되지 않지만 여전히 있는 것처럼 공간을 차지합니다. 기본적으로 가시성은 "표시"로 설정되고 개체는 정상적으로 표시됩니다.
요소가 페이지의 공간을 차지하지 않도록 하여 해당 요소가 HTML 코드에 전혀 없는 것처럼 웹사이트가 렌더링되도록 하려면 대신 display 속성을 사용하십시오. 객체를 보이지 않게 하려면 display를 "none"으로 설정하십시오.
다음과 같이 객체의 스타일 속성에서 이 작업을 수행합니다.. 숨겨진 입력은 사용자 입력에서 생성된 양식 필드 또는 사용자가 웹사이트에서 다운로드한 양식의 실제 버전을 사용하고 있는지 확인하는 데 사용되는 무작위 보안 코드에 사용되는 경우가 있습니다.
사용자는 JavaScript를 사용하여 숨겨진 입력의 내용에 액세스할 수 있으므로 페이지의 소스 코드를 읽습니다. 또는 네트워크 트래픽을 모니터링하는 경우 끝에서 숨겨야 하는 정보에 사용해서는 안 됩니다. 사용자.