HTML 참조 매뉴얼

HTML 태그 전체 목록

HTML: <datalist> 태그

HTML <datalist> 요소는 <option> 요소의 집합을 포함하고 있습니다. 이 <option> 요소들은 다른 퍼미션 컨트롤의 선택 가능한 값을 나타냅니다; <datalist> 태그는 HTML5요소는 <input> 태그의 제안 값을 목록을 정의하는 요소입니다. 이 제안 값은 입력 컨트롤에서 드롭다운 목록으로 표시되며, 사용자가 입력控件에 데이터를 입력할 때 사용할 수 있는 옵션들이 필터링됩니다. 이 태그는 일반적으로 <datalist&

온라인 예제

아래는 <input> 요소입니다. <datalist>에서 그 가능한 값을 설명합니다：

예제

!doctype html>
<html>
<head>
<meta charset="UTF-8">
<title>HTML5　datalist 태그 사용(기본 튜토리얼 웹 oldtoolbag.com)</title>
</head>
<body>
　<label for="tutorial_choice">Tutorials:　</label>
　　<input list="tutorial_types" name="tutorial_choice" id="tutorial_choice">
　　datalist id="tutorial_types">
　　　　<option value="HTML">
　　　　<option value="CSS">
　　　　<option value="SQL">
　　</datalist>
</body>
</html>

테스트를 보세요 ‹/›

이 HTML5문서 예제에서는 <datalist> 태그를 사용하여 <input> 태그에 제안 값을 목록을 만들었습니다. 제안 값을 사용하려면3이 값 (HTML, CSS, SQL)을 선택하면 사용자가 드롭다운 목록에서 선택할 수 있습니다。

브라우저 호환성

<datalist> 태그는 다음과 같은 브라우저의 기본 지원을 가집니다：

IEFirefoxOperaChromeSafari

태그 정의 및 사용 설명

HTML <datalist> 요소는 <body> 태그 내에 위치합니다. <datalist> 태그는 일반적으로 <form> 태그 내에 위치합니다.

<datalist> 태그는 <option> 태그를 포함하고 있으며, 이들은 관련 <input> 태그에 가능한 값을 제공합니다.

<datalist> 태그는 <input> 요소의 가능한 옵션 목록을 정의합니다.

<datalist> 태그는 <input> 요소에 "자동 완성" 기능을 제공하기 위해 사용됩니다. 사용자는 미리 정의된 선택 사항이 포함된 드롭다운 목록을 볼 수 있습니다.

<input> 요소의 list 속성을 사용하여 <datalist> 요소를 바인딩하십시오.

HTML 4.01 와 HTML5사이의 차이

<datalist> 태그는 HTML5 에서 새 태그.

전체 속성

<datalist> 태그가 지원됨 HTML의 전체 속성。

이벤트 속성

<datalist> 태그가 지원됨 HTML 이벤트 속성。

HTML: <dd> 태그 HTML: <command> 태그