Entrada de etiquetas básicas en Vanilla JavaScript-InputTags
| Autor: | DeepMondal2001 |
|---|---|
| Views Total: | 119 |
| Sitio oficial: | Ir a la web |
| Actualizado: | March 22, 2019 |
| Licencia: | MIT |
Vista prévia
Descripción
A vanilla JavaScript based tags input component that stores the typed tags in a hidden input field.
Escriba algo en la entrada y, a continuación, presione Intro o la tecla coma para agregar una nueva etiqueta.
Haga clic en el botón X o pulse el botón retroceso 2 veces para eliminar la etiqueta.
Funcionamiento
Cree un campo de entrada normal para la entrada de etiquetas.
<div id="tags"> <input type="text" id="example" placeholder="Add a tag..."> </div>
Inicialice InputTags en el campo de entrada y listo.
new inputTags({
id: 'example'
}); Defina una matriz de etiquetas preseleccionadas.
new inputTags({
id: 'example',
tags: ['css', 'script', 'com']
}); Especifique el número máximo de etiquetas que se pueden escribir.
new inputTags({
id: 'example',
maxTags: 10
}); Determine si desea o no permitir etiquetas duplicadas.
new inputTags({
id: 'example',
allowDuplicateTags: false
}); Desencadenar una función cuando se va a quitar una etiqueta.
new inputTags({
onTagRemove : function (tag) {
alert( tag + "Tag is going to be removed");
}
});
