HTML5 및 CSS3 기반 웹 용 드롭 다운 목록을 만드는 방법 Pages - dummies

드롭 다운 목록은 HTML5 및 CSS3 웹 개발자가 선호하는 선택 도구입니다. 드롭 다운 목록에는 매우 유용한 요소가있어서 웹에 군중을 기쁘게하는 거대한 웹을 만듭니다.

• 화면 공간을 절약합니다. 현재 선택 항목 만 표시됩니다. 사용자가 목록을 클릭하면 일련의 선택 항목이 드롭 다운 된 다음 선택이 완료된 후 다시 사라집니다.

• 입력을 제한합니다. 사용자가 선택할 수있는 유일한 것은 목록에 넣은 것입니다. 이렇게하면 타이핑 오류에 대해 걱정할 필요가 없으므로 잠재적 인 입력을 훨씬 쉽게 처리 할 수 ​​있습니다.

• 값은 사용자가 보는 것과 다를 수 있습니다. 이것은 이상한 이점 인 것처럼 보이지만 때로는 매우 유용합니다.

  

이 간단한 드롭 다운 목록의 코드는 다음과 같습니다.

basicSelect. html
가장 좋아하는 색상은 무엇입니까? 레드 그린 블루 시안 마젠타 옐로우 블랙 화이트

개체는 익숙한 다른 입력 요소 중 일부와 약간 다릅니다 (예:

• ). 이 태그는 전체 목록을 나타냅니다.

• 그 대상은 속성을 가지고 있습니다. 객체에는 다른 태그가 많이 있지만 일반적으로 객체 자체에는 속성 만 있습니다. 일련의 쌍을 포함합니다.

• 각 개별 선택은 세트로 제공됩니다.

  각 태그에는 이와 관련된 값이 있습니다.

• 이 값은 코드에 의해 사용됩니다. 이 값은 반드시 사용자가 보는 것만은 아닙니다. 사이의 내용은 사용자에게 표시됩니다.

• 내용은 사용자가 실제로 보는 내용입니다. 선택 상자에는 드롭 다운 동작이 필요하지 않습니다. 원하는 경우, 속성으로 표시 할 행 수를 지정할 수 있습니다. 이 경우 지정한 행 수가 화면에 항상 표시됩니다.