제 아이디어는 아니고요 ㅎㅎ 유익한 유튜브 영상이 있어서 공유할까 합니다.
- details 태그로 펼치기/접기
- progress 태그로 프로그레스바 표현
- meter 태그로 미터기? 암튼 온도계 같은 거 표현
- picture 태그로 미디어쿼리를 거쳐 각기 다른 해상도의 이미지 보여주기
- datalist 태그로 자동완성 구현하기 헐...
이런 걸 왜 이제 알았는지... html이나 css에 잘 알려지지 않은 꿀 기능들이 더러 있는 것 같습니다.
-
Datalist만 사용하고있었는데 다른 좋은 태그들도 있네요! 유익한정보감사합니다 -
저는 datalist도 처음 알았는데 진작 알았으면 자동완성 기능이 들어가는 서드파티 자료들도 좀 더 능숙하게 만들었을 것 같아요.
이게 다 딱따고기님이 미리 팁을 안 알려주신 때문ㅋㅋㅋㅋ -
헉..ㅋㅋ 저는 js가 어려워서 html로 작성한 탓에.. php 넣어서 사용하면 db내 데이터를 기반으로 자동완성으로 쓸수있더라구요!
-
아 근데 datalist의 자동완성에서 한글도 잘 되나요?
저는 jquery의 자동완성 플러그인을 썼었는데, 암튼 한글 형태소 단위 입력 때문에 별도의 라이브러리를 사용하고 막 복잡하게 접근했던 기억이 있습니다. -
앗 저는 영어만 쓸일이있어서.. 한글은 넣어볼 생각을 못했네요!
방금 테스트해보니 한글도 잘 됩니다!
다만, 초성만으로 자동완성검색이 되진않네요 -
네, 역시 그래서 js의 힘을 빌려야 했던 것 같아요.
그래도 글자 단위라도 자동완성이 자동으로 되는 게 어디예요ㅎㅎ -
그리고 예전에 타운 댓글의 comment_list 클래스에
.comment_list:before, :target:before {
content: "";
display: block;
height: 80px;
margin-top: -80px;
visibility: hidden;
}
라는 게 걸린 걸 보고 입이 떡 벌어졌던 기억도 있네요.
어쩐지 댓글 링크 타면 상단 메뉴바 높이 계산하면서 잘 이동한다 싶었었는데 말이죠ㅎㅎ -
니콜라스선생님이군요 ㅎㅎ
좋은정보감사합니다!! -
한국말 하는 거 보니 한국 거주하시는 분인가봐요?
-
오오 나이스~!! 이거 궁금했었기도 한건데요 완전 이득인 꿀팁이네요 -
html 만으로 가능하다는 게 신박할 따름이죠ㅎㅎ