Tämä artikkeli on konekäännöksen peiliartikkeli, klikkaa tästä siirtyäksesi alkuperäiseen artikkeliin.

Architect_Programmer_Code Maatalousverkosto»Arkkitehti › Front-end-suunnittelu ja verkko › Etukehys › Bootstrap Tags tag input box
Näkymä: 13978|Vastaus: 0

[Bootstrap] Bootstrap Tags tag input box

[Kopioi linkki]
Julkaistu 11.6.2018 14.37.56 | | | |
Jos haluat tehdä tagisyötteen, mallipohja perustuu Bootstrapiin, katso ensin efektiä, kuten alla on esitetty:


Bootstrap-tagit Syötä avoimen lähdekoodin osoite:https://github.com/bootstrap-tagsinput/bootstrap-tagsinput

Verkkolisäosat:jquery-3.3.1、bootstrap-4.1.1

Ensiksi lataa Bootstrap Tags Input, sitten tuo css- ja js-tiedostot, ei paljoa sanottavaa

Latausosoite:http://timschlechter.github.io/b ... strap-tagsinput.zip

Bootstrap Tags Input on lisäosa bootstrap v3 -version alla,Koska käytän bootstrap v4 -versiota, tulee ongelmia, minun täytyy muuttaa sitä, jos en vaihda, bootstrap v4 -versiossa syöteteksti ei näy, koska bootstrap v4 -versiossa ei enää ole "label label-info" -tyyliä。

HTML-koodi:



Lisää seuraava tyyli kalvon päälle:




JS-koodi:

bootstrap-tagsinput.css muokkaa lähdetiedoston .bootstrap-tagsinput-tyyliä seuraavasti:

Huomautus: Etiketit on erotettu pilkulla englanniksi, eikä niitä voi erottaa kiinassa




Edellinen:Ratkaisu 360-hakuun ei sisällä sivuston sisäsivuja
Seuraava:.net/c# saadaksesi tiedostotiedot zip-paketista

Aiheeseen liittyvät julkaisut
Vastuuvapauslauseke:
Kaikki Code Farmer Networkin julkaisemat ohjelmistot, ohjelmamateriaalit tai artikkelit ovat tarkoitettu vain oppimis- ja tutkimustarkoituksiin; Yllä mainittua sisältöä ei saa käyttää kaupallisiin tai laittomiin tarkoituksiin, muuten käyttäjät joutuvat kantamaan kaikki seuraukset. Tämän sivuston tiedot ovat peräisin internetistä, eikä tekijänoikeuskiistat liity tähän sivustoon. Sinun tulee poistaa yllä oleva sisältö kokonaan tietokoneeltasi 24 tunnin kuluessa lataamisesta. Jos pidät ohjelmasta, tue aitoa ohjelmistoa, osta rekisteröityminen ja hanki parempia aitoja palveluita. Jos rikkomuksia ilmenee, ota meihin yhteyttä sähköpostitse.
Mail To:help@itsvse.com