Ez a cikk egy tükör gépi fordítás, kérjük, kattintson ide, hogy ugorjon az eredeti cikkre.

Nézet: 13978|Válasz: 0

[Bootstrap] Bootstrap Címkék bemeneti doboz

[Linket másol]
Közzétéve 2018. 06. 11. 14:37:56 | | | |
Ha címkét akarsz bevinni, a sablon a Bootstrap-en alapul, először nézd meg az effektet, ahogy lent látható:


Bootstrap címkék bemeneti nyílt forráskódú cím:https://github.com/bootstrap-tagsinput/bootstrap-tagsinput

Webes pluginok:jquery-3.3.1、bootstrap-4.1.1

Először a letöltés Bootstrap Tags Input-ra, majd css és js fájlok importálása, nem sok mondanivalóm

Letöltési cím:http://timschlechter.github.io/b ... strap-tagsinput.zip

A Bootstrap Tags Input egy plugin a bootstrap v3 verzióban,Mivel a bootstrap v4 verziót használom, lesznek problémák, változtatnom kell, ha nem változtatom, a bootstrap v4 verzióban a bemeneti szöveg nem jelenik meg, mert a bootstrap v4 verzióban már nincs "label label-info" stílus

HTML kód:



A fejfejhez a következő stílust adjuk:




JS kód:

bootstrap-tagsinput.css a forrásfájlban a .bootstrap-tagsinput stílust az alábbiak szerint módosíthatjuk:

Megjegyzés: Az angolban a címkéket vesszővel választják el, kínaiban pedig nem lehet őket szétválasztani




Előző:A 360-as keresés megoldása, amely nem tartalmazza a weboldal belső oldalait
Következő:.net/c# fájlinformációt kaphatsz a zip csomagban
Lemondás:
A Code Farmer Network által közzétett összes szoftver, programozási anyag vagy cikk kizárólag tanulási és kutatási célokra szolgál; A fenti tartalmat nem szabad kereskedelmi vagy illegális célokra használni, különben a felhasználók viselik az összes következményet. Az oldalon található információk az internetről származnak, és a szerzői jogi vitáknak semmi köze ehhez az oldalhoz. A fenti tartalmat a letöltés után 24 órán belül teljesen törölni kell a számítógépéről. Ha tetszik a program, kérjük, támogassa a valódi szoftvert, vásároljon regisztrációt, és szerezzen jobb hiteles szolgáltatásokat. Ha bármilyen jogsértés történik, kérjük, vegye fel velünk a kapcsolatot e-mailben.

Mail To:help@itsvse.com