js코드 없이 html 만으로
자동완성검색을 구현합니다.
구현화면
자바스크립트 코드 없이 자동완성 검색 구현 html 코드
<input type="text" list="medicine-lists" />
<datalist id="medicine-lists">
<option value="오메가쓰리"></option>
<option value="비타민B"></option>
<option value="비타민C"></option>
<option value="비타민D"></option>
<option value="마그네슘 9"></option>
<option value="아스피린 9"></option>
</datalist>
반응형
'개발 > Html, Css' 카테고리의 다른 글
[css] table border에 border-radius 적용하기 (2) | 2022.05.12 |
---|---|
[css] 웹페이지 이미지 영역에 맞추어 영상 삽입 (0) | 2022.04.05 |
[css] tailwind fontsize, color 커스텀 하는 법 (0) | 2021.12.21 |
[html] input type="number" 에서 소수점 자리 허용 기능 (0) | 2021.11.24 |
[css] loading bar css with tailwind, 로딩이 필요한 경우 (ft. tailwind) (0) | 2021.11.03 |
댓글