HTML <datalist> 태그 : 옵션 목록 태그(List of Predefined Options)

<datalist> html 태그는 <input> 태그와 함께 사용하며 미리 정의 된 옵션의 드롭 다운 목록을 지정합니다.

HTML5에서 새로 추가된 태그 입니다.
Tip:
<datalist> 태그를 이용하여 <input> 태그로 자동 완성 기능을 만들수 있습니다.

<datalist> 태그 예제

					
					
<html>
 <head>
    <title>html datalist 태그 예제샘플</title>
 </head>
 <body>
   <h1>datalist 태그의 예제샘플입니다</h1>
   <p>
    
    <h1>과일 사과 레포트</h1>
    
    사과는 장미 종 맬 러스 domestica, 사과 나무의 pomaceous 과일입니다
    
     <datalist id="Category">
       <option value="식물 정보 ">
       <option value="역사">
       <option value="문화 측면 ">
     </datalist> 

</body>
</html>

					
					

[예제 결과보기및 소스코드 수정하기]

<datalist> 관련 태그



WRITTEN BY
white_rabbitstar
html대학에서는 html 태그,html5 신규태그,css등 모든 속성,이벤트,속성값을 정리하여 앞으로 열심히 글을 올리 겠습니다.

,