HTML <datalist> 태그

Определение и использование

<datalist> этикетка для <input> элементопределяет список предопределенных опций.

<datalist> Этикетка используется для <input> Элемент предоставляет функцию "автоматического завершения". Пользователь видит список предопределенных опций при вводе данных.

<datalist> атрибут id элемента должен быть равен <input> элемента Свойство list（Связывает их вместе）.

См. также:

Руководство по HTML DOM:Объект Datalist

Пример

предопределенные опции списка данных (соединены с <input> элементом)：

<label for="browser">browser를 선택하세요：</label>
<input list="browsers" name="browser" id="browser">
<datalist id="browsers">
  <option value="Edge">
  <option value="Edge">
  <option value="Firefox">
  <option value="Chrome">
  <option value="Opera">
<option value="Safari">

</datalist>

직접 시험해 보세요

<datalist> 태그는 다음과 같은 이벤트 속성을 지원합니다 전역 속성.

HTML에서의 전역 속성

<datalist> 태그는 다음과 같은 이벤트 속성을 지원합니다 HTML에서의 이벤트 속성.

기본 CSS 설정

대부분의 브라우저는 다음과 같은 기본 값으로 표시됩니다 <datalist> 요소:

datalist {
  display: none;
}

브라우저 지원

표에 나타난 숫자는 이 요소를 최초로 완전히 지원한 브라우저 버전입니다.

크롬 에지 파이어폭스 사파리 오페라
크롬 에지 파이어폭스 사파리 오페라
20.0 10.0 4.0 12.1 9.5