{"id":24707895,"url":"https://github.com/cris-m/tagsinput","last_synced_at":"2026-04-13T05:33:16.830Z","repository":{"id":196145695,"uuid":"286034758","full_name":"cris-m/TagsInput","owner":"cris-m","description":"This repository is a jQuery plugin for a tag input text.","archived":false,"fork":false,"pushed_at":"2020-10-23T17:13:59.000Z","size":24,"stargazers_count":3,"open_issues_count":0,"forks_count":1,"subscribers_count":2,"default_branch":"master","last_synced_at":"2025-01-27T06:19:47.600Z","etag":null,"topics":["javascript","jquery","tagsinput"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/cris-m.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null}},"created_at":"2020-08-08T11:59:20.000Z","updated_at":"2022-06-21T06:59:13.000Z","dependencies_parsed_at":"2023-09-21T15:25:46.247Z","dependency_job_id":null,"html_url":"https://github.com/cris-m/TagsInput","commit_stats":null,"previous_names":["cris-m/tagsinput"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cris-m%2FTagsInput","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cris-m%2FTagsInput/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cris-m%2FTagsInput/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/cris-m%2FTagsInput/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/cris-m","download_url":"https://codeload.github.com/cris-m/TagsInput/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244913005,"owners_count":20530769,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["javascript","jquery","tagsinput"],"created_at":"2025-01-27T06:19:50.167Z","updated_at":"2025-12-30T23:51:46.258Z","avatar_url":"https://github.com/cris-m.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# TagsInput\nThis repository is a [jQuery](https://jquery.com/)  plugin for a tag input. \n\n![tagsinput example](https://github.com/cris-m/TagsInput/blob/master/screenshots/Screenshot2.png?raw=true)\n\n## What is TagsInput?\n**TagsInput** it is a simple [jQuery](https://jquery.com/) plugin for tags input text functionalities.\n## Configure TagsInput.\n\n* If you want to use the functionality provided by plugin you should  a [Font Awesome](https://fontawesome.com/start) sylesheet and [TagsInput](https://github.com/cris-m/TagsInput/blob/master/src/js/taginput.js) javascript file to your html.\n* Add a div as a tags contains in html and a the hidden input text which will receive the tag names when user press  \u003ckbd\u003eTab\u003c/kbd\u003e or \u003ckbd\u003eSpacebar\u003c/kbd\u003e.\n\nExample\n```html\n\u003cdiv class=\"container\"\u003e\n    \u003cdiv class=\"row\"\u003e\n        \u003cdiv class=\"col-md-12\"\u003e\n            \u003clabel\u003eEnter some programming Language\u003c/label\u003e\n            \u003cdiv class=\"myContainer\"\u003e\u003c/div\u003e\n        \u003c/div\u003e\n        \u003c/div\u003e\n    \u003cinput type=\"text\" class=\"inputTags\" hidden/\u003e\n\u003c/div\u003e\n```\n\n* The plugin can then be added into your javascript like so\n```javascript\n$('.myContainer').TagsInput({\n  initialTags: ['c#', 'python', 'jQuery'], // allow initialization of tags\n  tagInputPlaceholder:'eg. python',\n  tagHiddenInput: $('.inputTags'),\n  tagContainerBorderColor: '#d3d3d3',\n  tagBackgroundColor: '#295070',\n  tagColor: '#9cc3db',\n  tagBorderColor: '#688eac'\n});\n```\n## Results\n![tagsinput result 1](https://github.com/cris-m/TagsInput/blob/master/screenshots/Screenshot1.png?raw=true)\n\n![tagsinput result 2](https://github.com/cris-m/TagsInput/blob/master/screenshots/Screenshot2.png?raw=true)\n\n![tagsinput result 3](https://github.com/cris-m/TagsInput/blob/master/screenshots/Screenshot3.png?raw=true)\n\n## Usage\nTo use **TagsInput**, the user write the text and press \u003ckbd\u003eTab\u003c/kbd\u003e or \u003ckbd\u003eSpacebar\u003c/kbd\u003e to add the tag name to the hidden input text which will be sent to the server side when the user submit the form.\n## Contributing\nThis project welcomes contributions and suggestions.","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcris-m%2Ftagsinput","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcris-m%2Ftagsinput","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcris-m%2Ftagsinput/lists"}