HTML리스트 박스 란 무엇입니까?

HTML (HyperText Markup Language)에서 목록 상자는 일종의 대화식 그래픽 사용자 인터페이스 (GUI) 구성 요소입니다. 웹 사이트에는 페이지에서 사용자가 선택할 수있는 세로 텍스트 옵션 세트가 포함 된 상자로 나타납니다. HTML 목록 상자를 사용하는 목적은 사용자가 선택할 수있는 여러 옵션을 제시 한 다음 선택에 반응하는 것입니다. 특히 CSS (Cascading Style Sheet)를 사용하여 목록 상자를 사용자 지정할 수있는 옵션이 많이 있습니다. HTML 목록 상자와 콤보 상자라고하는 다른 GUI 요소는 시각적으로나 기능적으로 차이가 있지만, 그것들은 거의 같은 방식으로 정의되어 있습니다.

문서에서 HTML 목록 상자는 select 태그를 사용하여 정의됩니다. 이 태그는 목록 상자를 시작하며 여러 옵션을 정의하는 데 사용할 수 있습니다. select 태그의 가장 중요한 속성 중 하나는 목록 상자의 이름으로 HTML 문서의 다른 부분에 목록 상자의 값에 직접 액세스 할 수있는 기능을 제공합니다. 설정할 수있는 또 다른 중요한 옵션은 여러 속성으로, 사용자가 한 번에 하나씩이 아니라 목록에서 여러 항목을 동시에 선택할 수 있습니다.

열기 및 닫기 선택 태그 사이에서 HTML 목록 상자에 포함 할 실제 요소는 옵션 태그를 사용하여 정의됩니다. 옵션 태그는 HTML 목록 상자에 표시 될 실제 텍스트를 묶습니다. select 태그와 마찬가지로 중요한 속성도 있습니다. 옵션 태그의 중요한 속성은 사용자에게 표시되는 텍스트 대신 쿼리 스크립트로 전송되는 선택된 옵션의 반환 값을 정의하는 기능입니다. 즉, 사용자가 "red"라는 단어를 볼 수 있지만 HTML 목록 상자는 실제 단어 대신 16 진 빨강 값을 반환 할 수 있습니다.

옵션 외에도 HTML 목록 상자에는 optgroup이라는 다른 시각적 요소가 포함될 수 있습니다. 옵트 그룹은 목록 상자 내에서 다양한 옵션을 시각적으로 구분하는 데 사용되는 제목입니다. 사용자가 optgroup 태그가 포함 된 목록 상자를 보면 상자에 굵은 머리글이 표시되며 그 아래에서 관련 옵션이 약간 들여 쓰기되고 굵게 표시되지 않습니다.

기능적인 HTML 목록 상자를 만들어 웹 사이트에 배치 할 수 있지만 지원 코드가 없으면 사용자가 옵션을 선택할 때 실제로 아무 작업도 수행하지 않습니다. 이는 DOM (Document Object Model)을 통해 목록 상자에 액세스하여 JavaScript®로 수행하거나 다른 스크립트 또는 애플릿으로 수행 할 수 있습니다. 대화 형 요소로서, 목록 상자는 브라우저에서 캡처 할 수있는 마우스 오버와 같은 사용자 이벤트를 생성합니다.