오늘의 포스팅은 메일에서 자주 사용되는 bootstrap Tokenfield이다.
bootstrap Tokenfield는 아래 이미지와 같이 더블 클릭 시 수정이 가능하며, 추가하기 영역에 클릭 후 타이핑 엔터를 하면 새로운 div가 생성되며 x를 누르면 삭제되는 기능이다.
부트 스트랩에서 지원하는 기능이므로, 부트스트랩 css링크와 js링크이용해야 사용할수있다.
자세한 내용은 아래 링크로 확인 할 수 있다.
Tokenfield for Bootstrap
tokens string, array [] Tokens (or tags). Can be a string with comma-separated values ("one,two,three"), an array of strings (["one","two","three"]), or an array of objects ([{ value: "one", label: "Einz" }, { value: "two", label: "Zwei" }])
sliptree.github.io
반응형
'Web Code > HTML' 카테고리의 다른 글
| [html] UIkit 아코디언 메뉴 accordion menu / 3단 아코디언 / 멀티 아코디언 (0) | 2020.08.22 |
|---|---|
| [html] input 회원가입 폼 / 회원가입 양식 / 회원가입 폼 소스 / 전화번호 정규식 - bootstrap (0) | 2020.08.10 |
댓글