optgroup 예제

비활성화된 특성을 사용하는 예제를 살펴보겠습니다. 이 태그는 드롭다운 목록에서 동일한 범주 옵션 그룹을 만드는 데 사용됩니다. 항목의 긴 목록이 있는 경우 태그가 필요합니다. 태그는 일반적으로 추가 처리를 위해 서버에 전송되는 값을 지정하기 위해 값 특성과 함께 사용됩니다. 다음 콤보 박스는 좋아하는 음식에 대한 데이터를 수집합니다. 유형별로 그룹화하면 사용자가 기본 설정을 더 빠르게 선택할 수 있습니다. Select2는 자동으로 이러한 옵션을 선택하고 드롭다운에서 적절하게 렌더링합니다. HTML에서 선택 요소는 다중 선택 목록과 콤보 상자를 모두 만드는 데 사용됩니다. 허용되는 다양한 옵션은 각각 옵션 요소로 표시됩니다.

옵션을 함께 그룹화하려면 해당 요소 내부의 관련 옵션 요소와 함께 optgroup 요소를 사용합니다. 사용자가 그룹 내에서 예상되는 것을 알 수 있도록 그룹에 „레이블” 특성을 레이블지정합니다. 관련 옵션 그룹이 있는 경우 optgroup으로 그룹화해야 합니다. HTML에서 요소를 요소로 래핑하여 그룹화할 수 있습니다: Select2는 표준 선택(비활성화된 특성이 설정된 경우)과 개체가 있는 원격 소스에서 오는 데이터모두에서 비활성화된 옵션을 올바르게 처리합니다. 사용 안 함: true 집합입니다. 태그의 내용은 굵게 제목처럼 보입니다. 태그에 포함된 요소는 오른쪽으로 이동합니다. HTML 태그에는 하나의 그룹으로 결합된 태그가 포함되어 있습니다. 태그는 태그로 정의된 드롭다운 목록의 항목을 정의합니다.

요소는 다음 규칙을 사용하여 데이터 개체로 변환됩니다: 선택한 옵션의 진정한 계층 구조를 만들려면 대신 사용하고 CSS로 스타일을 변경합니다. 이 방법은 효과를 생성하기 위해 의미체계가 아닌 CSS 스타일지정에 의존하기 때문에 „접근성이 떨어지는” 것으로 간주될 수 있습니다. optgroup 요소는 선택 요소 내부에 직접 있어야 하며 옵션 요소는 optgroup 내부에 직접 있어야 합니다. select 요소에단일 옵션 요소와 optgroup 그룹이 모두 포함될 수 있지만 작성자는 이 요소를 사용할 때 실제로 원하는 의도인지 고려해야 합니다. optgroup 요소를 중첩할 수 없으므로 선택 내에서 하나의 그룹화 수준만 수행할 수 있습니다. 레이블 특성을 지정해야 합니다. 이 특성은 사용자에게 그룹의 이름을 제공합니다. 이것이 없으면 요소는 의미가 없습니다. 기존 상자에는 여러 개의 요소가 포함되어 있습니다. 이들 각각은 드롭다운 메뉴에서 옵션으로 렌더링됩니다. Select2는 요소가 포함된 요소에서 초기화하여 내부 JSON 표현 으로 변환할 때 이 동작을 유지합니다.

Bez kategorii