예
네 가지 옵션이있는 드롭 다운 목록을 만듭니다
<select>
<option value="volvo">Volvo</option>
<option value="saab">Saab</option>
<option value="mercedes">Mercedes</option>
<option value="audi">Audi</option>
</select>
»그것을 자신을 시도 정의 및 사용
<select> 요소는 드롭 다운 목록을 작성하는 데 사용됩니다.
<option> 내부 태그 <select> 요소는 목록에서 사용할 수있는 옵션을 정의합니다.
브라우저 지원
| 요소 | |||||
|---|---|---|---|---|---|
| <select> | 예 | 예 | 예 | 예 | 예 |
팁과주의 사항
팁 : <select> 요소에 형태 제어되고 사용자 입력을 수집하는 형태로 사용될 수있다.
HTML 4.01과 HTML5의 차이점
HTML5는 새로운 속성을 추가했다.
속성
= HTML5의 새로운 기능.
| 속성 | 값 | 기술 |
|---|---|---|
| autofocus | autofocus | 드롭 다운 목록이 자동으로 얻을 때 페이지가로드를 집중해야 함을 지정합니다 |
| disabled | disabled | 드롭 다운 목록을 사용하지 않도록 지정 |
| form | form_id | 선택 필드가 속한 하나 이상의 형태를 정의 |
| multiple | multiple | 여러 옵션이 한 번에 선택 될 수 있도록 지정 |
| name | name | 드롭 다운 목록의 이름을 정의합니다 |
| required | required | 양식을 제출하기 전에 사용자가 값을 선택하는 데 필요한되도록 지정 |
| size | number | 드롭 다운 목록에서 표시 옵션의 수를 정의 |
글로벌 속성
<select> 태그도 지원 글로벌은 HTML의 속성 .
이벤트 속성
<select> 태그도 지원 이벤트는 HTML의 속성 .
관련 페이지
HTML DOM 참조 : 개체 선택
CSS 자습서 : 스타일링 양식
기본 CSS 설정
없음.