Skip to content

폼 위젯

입력

입력 위젯 생성을 위한 라이브러리

  • typeahead.js - 빠르고 다양한 기능을 갖춘 자동완성 라이브러리
  • tag-it - 멀티 태그 필드 및 태그 제안/자동완성을 처리하는 jQuery UI 플러그인
  • At.js - GitHub 스타일 언급 자동완성 기능을 추가
  • Placeholders.js - HTML5 placeholder 속성을 위한 JavaScript 폴리필
  • fancyInput - CSS3 효과로 입력 필드 타이핑을 즐겁게 만드는 도구
  • jQuery-Tags-Input - 단순 텍스트 입력을 태그 리스트로 변환하는 jQuery 플러그인
  • vanilla-masker - 순수 JavaScript 마스크 입력
  • Ion.CheckRadio - 체크박스와 라디오 버튼 스타일링을 위한 jQuery 플러그인. 스킨 지원 포함
  • awesomplete - 의존성 없는 초경량 사용자 친화적 자동완성
  • cleave.js - 입력 텍스트 포매팅 라이브러리
  • vanilla-text-mask - React, Angular, Ember, Vue 및 순수 JavaScript용 입력 마스크
  • input-mask - 입력 마스크 생성 JavaScript 라이브러리
  • searchbox - 실시간 시각적 검색

캘린더

날짜/시간 입력 위젯

  • pickadate.js - 모바일 친화적 반응형 경량 jQuery 날짜 & 시간 선택기
  • bootstrap-datepicker - Twitter Bootstrap용 데이트피커 포크
  • Pikaday - 모듈화된 CSS 구조의 경량 JavaScript 데이트피커
  • fullcalendar - 전체 화면 드래그 앤 드롭 이벤트 캘린더
  • rome - 사용자 정의 가능한 날짜/시간 선택기. 의존성 없음
  • Date Range Picker - 날짜 범위 및 시간 선택 JavaScript 컴포넌트
  • Duet Date Picker - 접근성(장애인 사용성) 강화 데이트피커(오픈소스 버전)
  • tui.calendar - 모든 기능을 갖춘 JavaScript 캘린더
  • vanilla-calendar - TypeScript 지원 다기능 JavaScript 날짜/시간 선택 컴포넌트. 다국어/테마/다크모드 지원

선택 기능

  • selectize.js - 텍스트박스와 <select>의 하이브리드. 태깅/연락처 목록에 유용한 jQuery 기반 자동완성
  • select2 - select 박스 대체 jQuery 솔루션. 검색/원격 데이터/무한 스크롤 지원
  • chosen - 긴 선택 목록 사용성 개선 라이브러리

파일 업로더

  • jQuery-File-Upload - 다중 파일 선택/드래그앤드롭/진행률 표시 지원 파일 업로드 위젯
  • dropzone - 사용자 친화적 드래그앤드롭 업로더. 이미지 미리보기 지원
  • flow.js - HTML5 File API 기반의 안정적 재개 가능 다중 파일 업로드
  • fine-uploader - S3 직접 업로드 지원 다중 파일 업로더
  • FileAPI - 파일 처리 JavaScript 툴셋. 이미지 편집/청크 업로드 지원
  • plupload - HTML5/Silverlight/Flash 런타임 지원 다중 파일 업로드 API
  • filepond - 유연한 JavaScript 파일 업로드 라이브러리
  • uppy - 차세대 웹 브라우저용 오픈소스 파일 업로더

기타

  • form - jQuery 폼 플러그인
  • Garlic.js - 폼 데이터 로컬 자동 저장(제출 전까지 유지)
  • Countable - 실시간 단어/문자 수 세기 기능 추가
  • card - 신용카드 입력 폼 사용성 개선 솔루션
  • stretchy - 폼 요소 자동 크기 조정 라이브러리
  • analytics - 다양한 분석 도구 지원 경량 분석 라이브러리
  • dat.GUI - JavaScript 변수 제어용 경량 GUI 컨트롤러