Contact Us  
    Today
     
    03 8671 0111

html select 예제

그러나 이러한 속성은 브라우저에서 일관된 결과를 생성하지 않으며 열에서 서로 다른 유형의 양식 요소와 같은 작업을 수행하는 것은 어렵습니다. 요소의 내부 구조는 복잡하고 제어하기 어렵습니다. 전체 제어를 사용하려면 양식 위젯(예: jQuery UI)의 스타일을 지정하는 데 적합한 기능을 갖춘 라이브러리를 사용하거나 의미 체계가 아닌 요소인 JavaScript 및 WAI-ARIA를 사용하여 자체 드롭다운 메뉴를 롤링하여 의미 체계를 제공하는 것이 좋습니다. 선택 목록은 사용자가 옵션 목록에서 하나의 옵션을 선택할 수 있도록 하는 라디오 단추와 유사한 기능을 제공합니다. 다중 선택 목록은 사용자가 원하는 수의 옵션을 선택할 수 있다는 점에서 확인란과 비슷합니다. 다음 예제는 요소에서 사용할 수 있는 더 많은 기능을 보여 주면서 더 복잡합니다 . 이 예제에서는 서버에 정보를 보내야 하기 때문에 태그를 사용했습니다. HTML 태그는 다음과 같은 추가 속성을 지원합니다 – 위의 예는 일반적인 사용을 보여줍니다. 내게 필요한 옵션용

선택 필드를 웹 페이지에 통합하는 작업은 태그를 사용하여 수행됩니다. 그런 다음 목록 값이 태그를 사용하여 목록에 추가되며,

  • 목록 항목이 정렬된 목록 요소(
      )에 추가되는 방법과 유사합니다. 마우스 사용자는 Ctrl, 명령 또는 Shift 키를 누를 수 있습니다(운영 체제에 적합한 내용에 따라) 여러 옵션을 클릭하여 선택/선택 취소할 수 있습니다. 여기서는 사용자의 선택을 제출하고 처리할 수 있도록 제출 단추를 추가합니다. 또한 양식을 처리할 페이지를 지정하는 요소 내에 선택 목록을 배치합니다. HTML 선택 필드는 기본적으로 HTML 확인란 필드와 동일한 기능을 제공합니다. 이를 통해 사용자는 미리 결정된 일련의 옵션 중하나 이상의 값을 선택할 수 있습니다. 이 예제에서는 태그를 사용하여 옵션을 그룹으로 수집했습니다.

      옵션 목록의 첫 번째 옵션은 기본적으로 선택됩니다. 미리 정의된 옵션을 변경하려면 선택된 속성이 사용됩니다. 드롭다운 목록은 요소에 의해 정의되며 전자 메일을 통해 또는 데이터베이스로 전송되는 값은 값 특성에 의해 정의됩니다. 태그는 선택할 수 있는 옵션을 정의하는 데 사용됩니다. 태그는 태그에 넣습니다. 컨트롤이 스크롤 목록 상자로 표시되는 경우(예: 여러 개의 컨트롤이 지정된 경우) 이 특성은 한 번에 표시되어야 하는 목록의 행 수를 나타냅니다. 브라우저는 선택 요소를 스크롤된 목록 상자로 표시할 필요가 없습니다. 기본값은 0입니다. 다음 예제에서는 매우 간단한 드롭다운 메뉴를 만들며, 두 번째 옵션은 기본적으로 선택됩니다. 선택 목록이 라디오 단추 및 확인란과 유사한 기능을 제공한다는 점을 감안할 때, 각 요소에는 해당 옵션을 선택할 때 서버에 제출할 데이터 값이 포함된 값 특성이 있어야 합니다. 요소가 포함된 텍스트에 대한 기본값이 포함됩니다.

      요소에 선택한 특성을 포함시켜 페이지가 처음 로드될 때 기본적으로 선택되도록 할 수 있습니다. 요소 내부의 태그는 목록에서 사용 가능한 옵션을 정의합니다. 요소에는 여러 옵션을 선택할 수 있는지 여부를 지정하는 다중 및 한 번에 표시할 옵션 수를 지정하는 크기와 같이 제어하는 데 사용할 수 있는 몇 가지 고유한 특성이 있습니다. 또한 필수, 비활성화, 자동 초점 등과 같은 대부분의 일반적인 양식 입력 특성을 허용합니다. 스타일링에 대한 자세한 내용은 다음을 참조하십시오.

  • Accredited with:

    excellence and integrity

    JHL Civil Pty Ltd ABN 79144 907 514, 10A Phillip Court, Port Melbourne, Victoria (VIC), 3207 Australia
    © Copyright JHL Civil 2013