Šis raksts ir mašīntulkošanas spoguļraksts, lūdzu, noklikšķiniet šeit, lai pārietu uz oriģinālo rakstu.

Architect_Programmer_Code Lauksaimniecības tīkls»Arhitekts › Front-end dizains un tīmeklis › Priekšējais rāmis › Bootstrap tagu ievades lodziņš
Skats: 13978|Atbildi: 0

[Bootstrap] Bootstrap tagu ievades lodziņš

[Kopēt saiti]
Publicēts 11.06.2018 14:37:56 | | | |
Ja vēlaties veikt tagu ievadi, veidnes pamatā ir Bootstrap, vispirms apskatiet efektu, kā parādīts zemāk:


Bootstrap tagi ievada atvērtā koda adresi:https://github.com/bootstrap-tagsinput/bootstrap-tagsinput

Tīmekļa spraudņi:jquery-3.3.1、bootstrap-4.1.1

Pirmkārt, atsaucieties uz lejupielādi Bootstrap Tags Input, pēc tam importējiet css un js failus, nav daudz ko teikt

Lejupielādes adrese:http://timschlechter.github.io/b ... strap-tagsinput.zip

Bootstrap Tags Input ir spraudnis bootstrap v3 versijā,Tā kā es izmantoju bootstrap v4 versiju, radīsies dažas problēmas, man tas ir jāmaina, ja es to nemainīšu, bootstrap v4 versijā ievades teksts netiks parādīts, jo bootstrap v4 versijai vairs nav stila "label label-info"。

HTML kods:



Pievienojiet galvas galvai šādu stilu:




JS kods:

bootstrap-tagsinput.css modificēt .bootstrap-tagsinput stilu avota failā šādi:

Piezīme: Etiķetes ir atdalītas ar komatiem angļu valodā, un tās nevar atdalīt ķīniešu valodā




Iepriekšējo:Risinājums 360° meklēšanai, neietverot tīmekļa vietnes iekšējās lapas
Nākamo:.net/c#, lai iegūtu faila informāciju zip pakotnē

Saistītās ziņas
Atruna:
Visa programmatūra, programmēšanas materiāli vai raksti, ko publicē Code Farmer Network, ir paredzēti tikai mācību un pētniecības mērķiem; Iepriekš minēto saturu nedrīkst izmantot komerciāliem vai nelikumīgiem mērķiem, pretējā gadījumā lietotājiem ir jāuzņemas visas sekas. Informācija šajā vietnē nāk no interneta, un autortiesību strīdiem nav nekāda sakara ar šo vietni. Iepriekš minētais saturs ir pilnībā jāizdzēš no datora 24 stundu laikā pēc lejupielādes. Ja jums patīk programma, lūdzu, atbalstiet oriģinālu programmatūru, iegādājieties reģistrāciju un iegūstiet labākus oriģinālus pakalpojumus. Ja ir kādi pārkāpumi, lūdzu, sazinieties ar mums pa e-pastu.
Mail To:help@itsvse.com