댓글 :이 기사는 주로 HTML5 Datalist 태그 사용 예제 (자동으로 완료 구성 요소)를 소개합니다. 필요한 친구는 그것을 참조 할 수 있습니다
과거에는 JS에 자동 완료 구성 요소 (제안)를 작성해야했습니다. HTML5 시대에는 더 이상 필요하지 않습니다. 데이터 론자 태그를 직접 사용하여 작업량이 직접적으로 줄어 듭니다. 다음과 같이
<! doctype html>
<html>
<헤드>
<title> html5 Datalist 태그 </title>
<meta charset = "utf-8">
</head>
<p>
브라우저 버전 : <입력 목록 = "단어">
</p>
<Datalist>
<옵션 값 = "인터넷 익스플로러">
<옵션 값 = "Firefox">
<옵션 값 = "Chrome">
<옵션 값 = "Opera">
<옵션 값 = "Safari">
<옵션 값 = "Sogou">
<옵션 값 = "maxthon">
</datalist>
</body>
</html>
Datalist는 사전 정의 된 목록을 제공하며 ID를 통한 입력과 관련된 목록을 제공합니다. 입력이 입력에 입력되면 자동 완료 기능이 있으며 사용자는 선택할 드롭 다운 목록이 표시됩니다.
Chrome/Firefox/Opera 및 IE10+는 지원되며 Safari는 버전 7까지 여전히 지원되지 않습니다.