HTML의 드롭다운 목록

王林
풀어 주다: 2024-09-04 16:38:38
원래의
594명이 탐색했습니다.

HTML의 드롭다운 목록은 양식 작성 목적이나 사용자가 하나 이상의 값을 선택할 수 있는 선택 목록을 표시하는 데 중요한 요소입니다. HTML에서 이러한 종류의 선택 목록을 드롭다운 목록이라고 합니다. 드롭다운 목록을 생성하는 데 사용되는 태그입니다.

코드를 사용하여 배경색 또는 마우스 오버 색상 설정:

.dropdown a:hover{
Background-color: color_name;
}
로그인 후 복사

드롭다운 목록의 위치는 두 가지 값으로 정의됩니다. 위치: 목록 선택 버튼 바로 아래에 목록의 내용을 표시하는 데 사용되는 상대 값입니다. 위치의 도움으로: 절대;

Min-width는 드롭다운 목록에 특정 너비를 지정하는 데 사용되는 속성 중 하나입니다. 너비를 100%로 설정하여 드롭다운 버튼만큼 길게 설정할 수 있습니다. 위 구문은 단일 속성 선택을 위해 정의되었습니다. 이제 항목 목록에서 여러 옵션이 어떻게 선택되는지 살펴보겠습니다.

구문:

<select multiple>
<option value="">option1</option>
<option value="">option2</option>
</select>
로그인 후 복사

예:

<select name="subject" multiple>
<option value="math">Math</option>
<option value="english">English</option>
<option value="science">Science</option>
<option value="biology">Biology</option>
</select>
로그인 후 복사

HTML에서 드롭다운 목록은 어떻게 작동하나요?

이제 구문을 연구한 후 HTML에서 드롭다운 목록이 정확히 어떻게 작동하는지 살펴보겠습니다.