[HTML] <datalist>에 대해 알아보자

Web/HTML 2022. 1. 17. 02:23

참고자료

<datalist> - HTML: Hypertext Markup Language | MDN

HTML <datalist> 요소는 다른 컨트롤에서 고를 수 있는 가능한, 혹은 추천하는 선택지를 나타내는 <option> 요소 여럿을 담습니다.

developer.mozilla.org

위의 코드를 사용하면 JS없이 자동완성 쌉가능👍

DB에서 Categories나 특정 object의 종류를 받아와서

for문 돌리고 option tag 안에 value에다가 값 넣어주면

아주 손쉽게 유저에게 옵션을 제공할수 있다 이말이지

저작자표시

[HTML, JS] classList.toggle('') 사용해서 조건문 쉽게 사용하기 (0)	2022.01.11
[HTML, JS]classList사용해서 특정 className에 접근하고 제거하거나 추가하기 (0)	2022.01.11
[HTML, JS] element의 여러개의 className중 하나에 접근해보자 classList.contains() (0)	2022.01.11
[HTML] Cannot read property 'classList' of null (0)	2021.12.19
[HTML] http headers = Accept : application/json 란? (0)	2021.12.17