developit / Tags Input
Licence: mit
🔖 <input type="tags"> like magic
Stars: ✭ 312
Programming Languages
javascript
184084 projects - #8 most used programming language
Projects that are alternatives of or similar to Tags Input
React Input Tags
React component for tagging inputs.
Stars: ✭ 10 (-96.79%)
Mutual labels: tag, tagging, input
tag-picker
Better tags input interaction with JavaScript.
Stars: ✭ 27 (-91.35%)
Mutual labels: input, tagging, tag
Selectize.js
Selectize is the hybrid of a textbox and <select> box. It's jQuery based, and it has autocomplete and native-feeling keyboard navigation; useful for tagging, contact lists, etc.
Stars: ✭ 12,744 (+3984.62%)
Mutual labels: tagging, input
React Native Segmented Text Input
A wickedly customizable <TextInput /> for React Native. Useful for tags, spellchecking, whatever.
Stars: ✭ 104 (-66.67%)
Mutual labels: tag, input
Autosize Input
🎈 Effortless, dynamic-width text boxes in vanilla JavaScript
Stars: ✭ 64 (-79.49%)
Mutual labels: input, dom
Tagify
🔖 lightweight, efficient Tags input component in Vanilla JS / React / Angular / Vue
Stars: ✭ 2,305 (+638.78%)
Mutual labels: tagging, input
mongoid taggable on
Taggable on custom fields for Mongoid
Stars: ✭ 16 (-94.87%)
Mutual labels: tagging, tag
NotionAI-MyMind
This repo uses AI and the wonderful Notion to enable you to add anything on the web to your "Mind" and forget about everything else.
Stars: ✭ 181 (-41.99%)
Mutual labels: tagging, tag
TextInputLayout
The objective of this code is to guide you to create login screen with TextInputLayout in iOS app.
Stars: ✭ 30 (-90.38%)
Mutual labels: input, input-method
SSCTaglistView
Customizable iOS tag list view, in Swift.
Stars: ✭ 54 (-82.69%)
Mutual labels: tagging, tag
Id3
Library to read, modify and write ID3 & Lyrics3 tags in MP3 files. Provides an extensible framework for retrieving ID3 information from online services.
Stars: ✭ 27 (-91.35%)
Mutual labels: tagging, tag
Rime Wubi86 Jidian
86五笔极点码表 for Rime (鼠须管 - macOS)(小狼毫 - Windows)五笔输入法
Stars: ✭ 302 (-3.21%)
Mutual labels: input-method, input
Input Range Scss
Styling Cross-Browser Compatible Range Inputs with Sass
Stars: ✭ 272 (-12.82%)
Mutual labels: input
Md Date Time Picker
An implementation of Material Design Picker components in vanilla CSS, JS, and HTML
Stars: ✭ 272 (-12.82%)
Mutual labels: input
Typescript Dom Lib Generator
Tool for generating dom related TypeScript and JavaScript library files
Stars: ✭ 300 (-3.85%)
Mutual labels: dom
tags-input
Features:
- I said
<input type="tags">
should be a thing. - With full keyboard, mouse and focus support.
- Works with HTML5
pattern
andplaceholder
attributes, too! - Native
change
andinput
("live" change) events. - Using preact? (or react?) There's a wrapper called preact-token-input
- Works in modern browsers and IE10+
Screenshot:
Examples
It's easy to use! In addition to the example code, you'll also need to
include tags-input.css
- I didn't bundle it because that's a bit gross.
CommonJS:
var tagsInput = require('tags-input');
// create a new tag input:
var tags = document.createElement('input');
tags.setAttribute('type', 'tags');
tagsInput(tags);
document.body.appendChild(tags);
// enhance an existing input:
tagsInput(document.querySelector('input[type="tags"]'));
// or just enhance all tag inputs on the page:
[].forEach.call(document.querySelectorAll('input[type="tags"]'), tagsInput);
HTML Example:
<link rel="stylesheet" href="tags-input.css">
<script src="tags-input.js"></script>
<form>
<label>
Add some
<input name="hashtags" type="tags" pattern="^#" placeholder="#hashtags">
</label>
</form>
<script>[].forEach.call(document.querySelectorAll('input[type="tags"]'), tagsInput);</script>
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].