Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML 태그

<시간/>

태그는 태그에 대해 미리 정의된 옵션을 설정하는 데 사용됩니다. 사용자가 에 마우스 커서를 놓을 때마다 이러한 사전 정의된 옵션이 모두 표시되어야 합니다.

이제 HTML에서 태그를 구현하는 예를 살펴보겠습니다 −

예시

<!DOCTYPE html>
<html>
<body>
<p>Favorite Subject</p>
<form action="" method="get">
   <input list="subject" name="subject">
   <datalist id="subject">
      <option value="Programming">
      <option value="Networking">
      <option value="Database">
      <option value="Big Data">
      <option value="Cloud">
      <option value="Framework">
   </datalist>
   <input type="submit">
</form>
</body>
</html>

출력

HTML datalist 태그

이제 입력 상자 안에 마우스 커서를 둡니다. 다음 사전 정의된 옵션이 이제 표시됩니다. −

HTML datalist 태그

위의 예에서 −

에 대해 미리 정의된 옵션을 설정했습니다. 
<datalist id="subject">
   <option value="Programming">
   <option value="Networking">
   <option value="Database">
   <option value="Big Data">
   <option value="Cloud">
   <option value="Framework">
</datalist>

이제 위의 안에 커서를 놓으면 다음 옵션이 표시됩니다. 이 옵션은 요소 -

를 사용하여 미리 정의했습니다. 
Programming
Networking
Database
Big Data
Cloud
Framework