HTML의 드롭 다운 목록을 만들려면

HTML에서 간단한 드롭 다운 목록을 선택 태그를 사용하여 쉽게 만들 수 있습니다. 이 컨테이너 태그, 태그는 거기에 옵션을 포함 -이 목록의 항목을 설정 누가 그들이다.

선택 태그 수행 할 수있는 몇 가지 옵션 목록이 있습니다 : 드롭 다운 목록 (옵션은 기본 필드를 클릭 한 후 떨어지거나 그 위에 마우스를 올려), 다중 선택 목록 - 거기에 사용자가 여러 항목을 선택할 수 있습니다. 첫 번째는 더 일반적으로, 그들은 현대 탐색 사이트의 중요한 요소입니다. 드롭 다운 목록 여러 선택은 당신이 제품의 몇 가지 특성을 선택하고자하는 디렉토리, 예를 들어, 사용할 수 있습니다.

목록의 모양과 속성을 변경, 당신은 보편적이고 특별한 속성을 사용할 수 있습니다.

선택 태그 속성

1. 다중이 - 객관식를 지정합니다.

2. 크기 - 즉, 높이, 목록의 표시 라인의 수를 지정한다. 그리고 그것은 모두 여러 속성이 아닌지에 따라 달라집니다. 그렇다면, 당신은 모든 옵션을 볼 수 여러 사용자의 존재, 사이즈 침대를 지정하지 않지만, 여러가 누락 된 경우, 단 하나의 선으로 표시되고 다른 사용자는 오른쪽에있는 엘리베이터의 아이콘을 클릭하면 읽을 수 있습니다. 크기의 높이를 지정, 그리고 줄이 나타납니다 우측 스크롤의 옵션의 수보다 작은 경우.

3. 이름 - 이름입니다. 드롭 다운 목록은없이 할 수 있지만, 서버의 프로그램 핸들러와 상호 작용해야 할 수도 있습니다. 원칙적으로, 이름이 계속 표시됩니다.

옵션 태그 반대로 선택 태그는 필수 속성이 없습니다.

속성 부착 된 태그 옵션

1. 선정 - 목록 항목을 강조하기 위해 설계. 여러 속성 (참조. 위)로 설정하면 사용자는 하나 개 이상의 항목을 할당 할 수 있습니다.
2. 값 - 값. 이 속성이 필요합니다. 웹 서버는 사용자가 선택한 정확히 목록 항목 이해할 필요가있다.
3. 라벨. 요소의 아주 긴 목록에서이 속성을 사용하여 감소시킬 수있다. 롬바르디아의 관리 센터 - 예를 들어, 화면은 "밀라노", 대신 옵션 태그 "밀라노를 표시합니다. 북부 이탈리아. " 이 속성은 그룹 목록의 항목을 사용합니다.

목록 목록에서 가장 넓은 텍스트의 길이가 기본값의 폭에 관해서. 물론, 폭은 HTML 스타일을 사용하여 변경할 수 있습니다.

다른 방법으로 드롭 다운 목록

그것은 당신이 페이지의 항목 위에 마우스를 가져 가면 예를 들어, 목록이 나타납니다, CSS로 수행 할 수 있습니다. 목록을 만들기위한 뛰어난 기회는 작업 jQuery 라이브러리를 단순화 자바 스크립트를 제공합니다. 이 라이브러리에 접속되어있는 드롭 다운 목록에서 캐스케이드 매우 복잡 등 일 수있다. 즉, 다음과 같은 목록이 나타납니다 목록에서 항목을 선택하면, 예를 들어, '여성 의류'메뉴 (당신이 드롭 마우스를 가져 가면이있다 옷의 종류), 종 중 하나가, 예를 들어, "탑"때 다음 드롭 다운 목록 요소 : 자켓, 공원, 코트, 코트 등. N.

우리는 당신이 드롭 다운 목록을 만들 수있는 주요 피상적 인 방법을 나열했습니다. 물론, 많은 뉘앙스가 CSS를에서 HTML, 당신이 목록보기의 기능과 모양을 변경할 수 있도록하고 자바 스크립트는.