HTML5 양식에서 드롭 다운 목록을 만드는 방법 - 더미

드롭 다운 목록은 웹 페이지의 일반적인 기능이며 HTML5를 사용하면 쉽게 만들 수 있습니다. 드롭 다운 목록을 사용하면 프로그래머가 입력하지 않고 웹 사이트 방문자가 만들 수있는 여러 가지 선택 항목을 지정할 수 있습니다 (목록은 그림에 나와 있습니다). 드롭 다운 목록은 화면의 많은 공간을 필요로하지 않기 때문에 특히 좋습니다. 옵션은 사용자가 선택하는 동안에 만 볼 수 있습니다.

드롭 다운 목록은 특정 종류의 오류를 방지한다는 점에서 매우 가치있는 속성을 가지고 있습니다. 제한된 옵션은 가능한 모든 대답을 미리 결정하므로 응답을 매우 예측 가능하게 만듭니다. 사용자가 텍스트 상자에 입력 할 수있는 모든 미친 것들을 다룰 필요가 없습니다.

HTML5 / XHTML에서 두 가지 유형의 객체로 드롭 다운 목록이 생성됩니다. 전체 구조는 태그를 사용하지만 드롭 다운 목록이있는 웹 페이지의 코드는

formDemo. html

양식 데모
요소 선택
목록 선택 one two three four

선택 목록은 진짜 강국이기 때문에 만드는 법을 알아야합니다.

1. 먼저 요소 만들기.

   목록의 컨테이너는 요소입니다. 전체 목록이 쌍으로 묶여 있습니다.

2. 요소에 ID를 선택하십시오. 이 ID를 사용하여 코드의 요소를 나타냅니다.

3. 옵션 요소를 select 요소에 추가하십시오. 옵션을 들여 쓰면 선택 객체의 일부임을 상기시킬 수 있습니다.

   각 옵션에 값을 지정하십시오.

4. 값은 사용자가 옵션을 선택할 때 프로그램에 전송되는 응답입니다. 사용자가 반드시 값을 볼 필요는 없습니다.

5. 와 태그 사이에 사용자가 볼 텍스트를 나타냅니다. 이는 값 또는 다른 값과 다를 수 있습니다. (JavaScript 코드를 작성한 후에는 더 이해할 수 있습니다.)

   원하는만큼 옵션을 추가하십시오.

6. 목록에서 사용할 각 선택 항목에 대해 새 옵션 개체를 만듭니다.

   선택 상자에는

드롭 다운 동작이 필요하지 않습니다. 상자가 페이지에서 더 많은 수직 공간을 차지하게하려면 size 속성으로 행 수를 지정하면됩니다.