HTML에서 목록 속성을 사용하는 방법은 무엇입니까?

<시간/>

HTML에서는 요소를 사용하여 미리 정의된 옵션 목록을 지정합니다. 이 목록은 입력 요소에 대한 것입니다. 목록 속성은 이 요소를 참조합니다. HTML5는 목록 속성을 도입했습니다.

list 속성은 요소에 대해 미리 정의된 옵션을 포함하는 요소를 나타냅니다.

예시

다음 코드를 실행하여 HTML에서 list 속성을 사용하는 방법을 배울 수 있습니다.

<!DOCTYPE html>
<html>
   <head>
      <title>HTML list attribute</title>
   </head>
   <body>
      <p>Type the tool name:</p>
      <input list = "tools" name = ”tool” />
      <datalist id = "tools">
         <option value = "Image Editor">
         <option value = "Whiteboard">
         <option value = "Image Optimizer">
         <option value = "Document Viewer">
      </datalist>
   </body>
</html>