CSS를 사용하여 선택 메뉴에서 옵션을 숨기고 DOM 존재를 유지하는 방법은 무엇입니까?

Chrome에서 메뉴를 클릭하면 HTML5에서 사용할 수 있는 솔루션이 숨겨진 속성입니다. 요소는 DOM에서의 존재를 유지하면서 보기에서 숨겨집니다. 이 방법은 Internet Explorer 11 이전 버전에서는 지원되지 않습니다.

제한된 시나리오의 경우 숨김 및 비활성화 속성을 함께 설정하면 대체 접근 방식을 제공할 수 있습니다. 이렇게 하면 의미상 잘못된 구성이나 요소를 추가/제거할 필요가 없습니다.

<select>
  <option>Option1</option>
  <option>Option2</option>
  <option hidden>Hidden Option</option>
</select>

로그인 후 복사

위 내용은 CSS를 사용하여 선택 메뉴에서 옵션을 숨기고 DOM 존재를 유지하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천：php.cn

이전 기사：사용자가 저장되지 않은 변경 사항이 있는 웹 페이지를 떠나는 것을 방지하려면 어떻게 해야 합니까? 다음 기사：JavaScript를 사용하여 HTML의 특정 앵커로 스크롤하는 방법은 무엇입니까?

본 웹사이트의 성명

본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

저자별 최신 기사

• `preg_match`를 사용하여 YouTube 동영상 ID를 안정적으로 추출하는 방법은 무엇입니까?
  2024-12-02 07:24:10
• 기존 MySQL 필드에 고유 제약 조건을 추가하는 방법은 무엇입니까?
  2024-12-02 07:23:10
• Oracle의 LISTAGG처럼 MySQL에서 쉼표로 구분된 문자열 목록을 어떻게 만들 수 있나요?
  2024-12-02 07:21:11
• Visual Studio는 헤더 파일을 어디에서 검색합니까?
  2024-12-02 07:20:11
• `벡터::참조`가 `bool`에 대한 참조를 반환하지 않는 이유는 무엇입니까?
  2024-12-02 07:19:19
• 부분 정렬은 함수 템플릿 간의 전문화를 어떻게 결정합니까?
  2024-12-02 07:18:12
• JavaScript에서 PHP 함수를 호출할 수 있나요?
  2024-12-02 07:17:10
• 작은따옴표를 처리할 때 PHP MySQL 삽입이 일관되지 않게 실패하는 이유는 무엇입니까?
  2024-12-02 07:16:12
• jQuery Ajax를 사용하여 MySQL 데이터를 검색하고 표시하는 방법은 무엇입니까?
  2024-12-02 07:15:11
• Laravel 5 \'드라이버를 찾을 수 없습니다\' 오류: PDOException을 수정하는 방법?
  2024-12-02 07:14:09

최신 이슈

function_exists()는 사용자 정의 함수를 결정할 수 없습니다. 기능 테스트() {                                                                                ...

에서 2024-04-29 11:01:01

0

3

2056

Chrome 모바일 버전을 표시하는 방법 안녕하세요 선생님, Chrome을 모바일 버전으로 어떻게 변경하나요?

에서 2024-04-23 00:22:19

0

11

2211

자식 창이 부모 창을 작동하지만 출력이 응답하지 않습니다. 처음 두 문장은 실행 가능하지만 마지막 문장은 구현할 수 없습니다.

에서 2024-04-19 15:37:47

0

1

1865

상위 창에 출력이 없습니다. document.onclick = function(){ window.opener.document.write('나는 자식 창의 출력입니다.');

에서 2024-04-18 23:52:34

0

1

1750

CSS 마인드맵 코스웨어는 어디에 있나요? 코스웨어

에서 2024-04-16 10:10:18

0

0

1776

관련 주제

더>

• Xiaohongshu는 어떤 소프트웨어인가요?
• C#이 뭐예요?
• HTML 온라인 편집기
• Word 문서 암호화 튜토리얼
• 너무 꽉 찬 컴퓨터의 C 드라이브를 청소하는 방법
• thinkphp 성능은 어떤가요?
• 새겨진 동전 만들기 튜토리얼
• Windows에 연결한다는 것은 무엇을 의미합니까?

인기 추천

• js는 무슨 뜻인가요?
• js에서 문자열을 배열로 변환하는 방법은 무엇입니까?
• 자바스크립트를 사용하여 페이지를 새로 고치는 방법
• sqrt 함수를 사용하는 방법
• js 배열에서 항목을 삭제하는 방법

인기 튜토리얼

더>

관련 튜토리얼

인기 추천

최신 강좌

• 
  최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)

  1421456
• 
  PHP 입문 튜토리얼 1: 일주일 안에 PHP 배우기

  4265293
• 
  JAVA 초보자용 비디오 튜토리얼

  2517044
• 
  Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼

  506300
• 
  PHP 제로 기반 입문 튜토리얼

  861443

• 
  최신 ThinkPHP 5.1 세계 최초 비디오 튜토리얼(PHP 전문가 온라인 교육 과정이 되기까지 60일)

  1421456 학습 시간
• 
  JAVA 초보자용 비디오 튜토리얼

  2517044 학습 시간
• 
  Little Turtle의 Python 학습에 대한 제로 기반 소개 비디오 튜토리얼

  506300 학습 시간
• 
  웹 프론트 엔드 개발에 대한 빠른 소개

  215634 학습 시간
• 
  PS 비디오 튜토리얼을 처음부터 마스터하세요

  886427 학습 시간

• 
  [웹 프런트엔드] Node.js 빠른 시작

  7216 학습 시간
• 
  해외 웹 개발 풀스택 강좌 총집합

  5616 학습 시간
• 
  Go 언어 실습 GraphQL

  4726 학습 시간
• 
  550W 팬 마스터가 JavaScript를 처음부터 차근차근 학습합니다

  674 학습 시간
• 
  기초 지식이 전혀 없는 초보자도 6시간 만에 시작할 수 있는 파이썬 마스터 모쉬

  23797 학습 시간

최신 다운로드

더>

웹 효과

웹사이트 소스 코드

웹사이트 자료

프론트엔드 템플릿

• [양식 버튼] jQuery 기업 메시지 양식 연락처 코드
• [플레이어 특수 효과] HTML5 MP3 뮤직 박스 재생 효과
• [메뉴 탐색] HTML5 멋진 입자 애니메이션 탐색 메뉴 특수 효과
• [양식 버튼] jQuery 시각적 양식 드래그 앤 드롭 편집 코드
• [플레이어 특수 효과] VUE.JS 모방 Kugou 음악 플레이어 코드
• [HTML5 특수 효과] 클래식 HTML5 푸시 박스 게임
• [그림 특수 효과] 이미지 효과를 추가하거나 줄이기 위해 jQuery 스크롤
• [사진 앨범 효과] CSS3 개인 앨범 커버 호버 확대/축소 효과

• [프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿
• [프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿
• [프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿
• [프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿
• [프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿
• [프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿
• [프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.
• [프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿

• [PNG 소재] 귀여운 여름 요소 벡터 자료(EPS+PNG)
• [PNG 소재] 4개의 빨간색 2023 졸업 배지 벡터 자료(AI+EPS+PNG)
• [배너 그림] 노래하는 새와 꽃 디자인 봄 배너 벡터 자료로 가득 찬 카트(AI+EPS)
• [PNG 소재] 황금 졸업 모자 벡터 자료(EPS+PNG)
• [PNG 소재] 흑백 스타일 산 아이콘 벡터 자료(EPS+PNG)
• [PNG 소재] 다양한 색상의 망토와 포즈를 갖춘 슈퍼히어로 실루엣 벡터 자료(EPS+PNG)
• [배너 그림] 플랫 스타일 식목일 배너 벡터 자료(AI+EPS)
• [PNG 소재] 9개의 만화 스타일의 폭발적인 채팅 거품 벡터 자료(EPS+PNG)

• [프런트엔드 템플릿] 가정 장식 청소 및 수리 서비스 회사 웹사이트 템플릿
• [프런트엔드 템플릿] 신선한 색상의 개인 이력서 가이드 페이지 템플릿
• [프런트엔드 템플릿] 디자이너 크리에이티브 작업 이력서 웹 템플릿
• [프런트엔드 템플릿] 현대 엔지니어링 건설 회사 웹사이트 템플릿
• [프런트엔드 템플릿] 교육 서비스 기관을 위한 반응형 HTML5 템플릿
• [프런트엔드 템플릿] 온라인 전자책 쇼핑몰 웹사이트 템플릿
• [프런트엔드 템플릿] IT 기술로 인터넷 회사 웹 사이트 템플릿을 해결합니다.
• [프런트엔드 템플릿] 보라색 스타일 외환 거래 서비스 웹 사이트 템플릿