Este artigo é um artigo espelhado de tradução automática, por favor clique aqui para ir para o artigo original.

Architect_Programmer_Code Rede Agrícola»Arquiteto › Design front-end & web › Quadro frontal › Caixa de entrada de tags de etiquetas de bootstrap
Vista: 13978|Resposta: 0

[Bootstrap] Caixa de entrada de tags de etiquetas de bootstrap

[Copiar link]
Publicado em 11/06/2018 14:37:56 | | | |
Se você quiser fazer uma entrada de tag, o template é baseado no Bootstrap, primeiro veja o efeito, como mostrado abaixo:


Tags Bootstrap Entrada Endereço Open Source:https://github.com/bootstrap-tagsinput/bootstrap-tagsinput

Plugins Web:jquery-3.3.1、bootstrap-4.1.1

Primeiro, faça referência para baixar Bootstrap Tags Input, depois importar arquivos css e js, não há muito o que dizer

Endereço de Download:http://timschlechter.github.io/b ... strap-tagsinput.zip

Bootstrap Tags Input é um plugin na versão bootstrap v3,Como estou usando a versão Bootstrap v4, haverá alguns problemas, preciso mudar, se não mudar, na versão Bootstrap v4, o texto de entrada não será exibido, porque a versão Bootstrap v4 não tem mais o estilo "etiqueta-info"。

Código HTML:



Adicione o seguinte estilo à cabeça da cabeça:




Código JS:

bootstrap-tagsinput.css modificar o estilo .bootstrap-tagsinput no arquivo fonte da seguinte forma:

Nota: As etiquetas são separadas por vírgulas em inglês, e não podem ser separadas em chinês




Anterior:A solução para a busca 360 não inclui as páginas internas do site
Próximo:.net/c# para obter as informações do arquivo no pacote zip

Posts Relacionados
Disclaimer:
Todo software, material de programação ou artigos publicados pela Code Farmer Network são apenas para fins de aprendizado e pesquisa; O conteúdo acima não deve ser usado para fins comerciais ou ilegais, caso contrário, os usuários terão todas as consequências. As informações deste site vêm da Internet, e disputas de direitos autorais não têm nada a ver com este site. Você deve deletar completamente o conteúdo acima do seu computador em até 24 horas após o download. Se você gosta do programa, por favor, apoie um software genuíno, compre o registro e obtenha serviços genuínos melhores. Se houver qualquer infração, por favor, entre em contato conosco por e-mail.
Mail To:help@itsvse.com