Este artículo es un artículo espejo de traducción automática, por favor haga clic aquí para saltar al artículo original.

Architect_Programmer_Code Red Agrícola»Arquitecto › Diseño front-end y web › Bastidor frontal › Caja de entrada de etiquetas de Bootstrap
Vista: 13978|Respuesta: 0

[Bootstrap] Caja de entrada de etiquetas de Bootstrap

[Copiar enlace]
Publicado en 11/6/2018 14:37:56 | | | |
Si quieres hacer una entrada de etiqueta, la plantilla se basa en Bootstrap, primero mira el efecto, como se muestra a continuación:


Etiquetas de arranque Entrada Dirección de código abierto:https://github.com/bootstrap-tagsinput/bootstrap-tagsinput

Plugins web:jquery-3.3.1、bootstrap-4.1.1

Primero, consulta la descarga de Bootstrap Tags Input, luego importa archivos css y js, no hay mucho que decir

Dirección de descarga:http://timschlechter.github.io/b ... strap-tagsinput.zip

Bootstrap Tags Input es un plugin bajo la versión de bootstrap v3,Como estoy usando la versión de Bootstrap v4, habrá algunos problemas, tendré que cambiarla, si no la cambio, en la versión de Bootstrap v4, el texto de entrada no se mostrará porque la versión de Bootstrap v4 ya no tiene el estilo de "etiqueta etiqueta-info"。

Código HTML:



Añade el siguiente estilo a la cabeza de la cabeza:




Código JS:

bootstrap-tagsinput.css modificar el estilo .bootstrap-tagsinput en el archivo fuente de la siguiente manera:

Nota: Las etiquetas están separadas por comas en inglés y no pueden separarse en chino




Anterior:La solución a la búsqueda 360 no incluye las páginas interiores de la web
Próximo:.net/c# para obtener la información del archivo en el paquete zip

Publicaciones relacionadas
Renuncia:
Todo el software, materiales de programación o artículos publicados por Code Farmer Network son únicamente para fines de aprendizaje e investigación; El contenido anterior no se utilizará con fines comerciales o ilegales; de lo contrario, los usuarios asumirán todas las consecuencias. La información de este sitio proviene de Internet, y las disputas de derechos de autor no tienen nada que ver con este sitio. Debes eliminar completamente el contenido anterior de tu ordenador en un plazo de 24 horas desde la descarga. Si te gusta el programa, por favor apoya el software genuino, compra el registro y obtén mejores servicios genuinos. Si hay alguna infracción, por favor contáctanos por correo electrónico.
Mail To:help@itsvse.com