예
<input> A의 미리 정의 된 값을 갖는 요소 <datalist> :
<input list="browsers">
<datalist id="browsers">
<option value="Internet Explorer">
<option value="Firefox">
<option value="Chrome">
<option value="Opera">
<option value="Safari">
</datalist>
»그것을 자신을 시도 정의 및 사용
<datalist> 태그는 대한 사전 정의 된 옵션 목록 지정 <input> 요소를.
<datalist> 태그에 '자동 완성'기능을 제공하는 데 사용됩니다 <input> 요소를. 사용자는 입력 데이터와 같은 미리 정의 된 옵션의 드롭 다운 목록이 표시됩니다.
사용 <input> 와 함께 바인딩 요소의 목록 속성을 <datalist> 요소입니다.
브라우저 지원
표의 수치는 전체 요소를지지하는 제 브라우저 버전을 지정.
| 요소 | |||||
|---|---|---|---|---|---|
| <datalist> | 20.0 | 10.0 | 4.0 | 지원되지 않음 | 9.0 |
HTML 4.01과 HTML5의 차이점
<datalist> 태그는 HTML5의 새로운 기능입니다.
글로벌 속성
<datalist> 태그도 지원 글로벌은 HTML의 속성 .
이벤트 속성
<datalist> 태그도 지원 이벤트는 HTML의 속성 .
관련 페이지
HTML DOM 참조 : 데이터 목록 객체
기본 CSS 설정
대부분의 브라우저는 표시됩니다 <datalist> 다음과 같은 기본 값으로 요소를 :
datalist {
display: none;
}