Tento článok je zrkadlovým článkom o strojovom preklade, kliknite sem pre prechod na pôvodný článok.

Architect_Programmer_Code Poľnohospodárska sieť»Architekt › Front-end dizajn a web › Predný rám › Bootstrap Tags vstupné pole tagu
Pohľad: 13978|Odpoveď: 0

[Bootstrap] Bootstrap Tags vstupné pole tagu

[Kopírovať odkaz]
Zverejnené 11. 6. 2018 14:37:56 | | | |
Ak chcete zadávať tag, šablóna je založená na Bootstrape, najprv sa pozrite na efekt, ako je znázornené nižšie:


Bootstrap tagy Zadávajú open source adresu:https://github.com/bootstrap-tagsinput/bootstrap-tagsinput

Webové pluginy:jquery-3.3.1、bootstrap-4.1.1

Najprv sa pozri na download Bootstrap Tags Input, potom importuj CSS a JS súbory, nie je toho veľa čo povedať

Adresa na stiahnutie:http://timschlechter.github.io/b ... strap-tagsinput.zip

Bootstrap Tags Input je plugin pod verziou bootstrap v3,Keďže používam bootstrap v4 verziu, budú nejaké problémy, musím to zmeniť, ak to nezmením, v bootstrap v4 verzii sa vstupný text nezobrazí, pretože bootstrap v4 verzia už nemá štýl "label label-info"。

HTML kód:



Pridajte nasledujúci štýl na hlavu hlavy:




JS kód:

bootstrap-tagsinput.css upraviť štýl .bootstrap-tagsinput v zdrojovom súbore nasledovne:

Poznámka: Štítky sú v angličtine oddelené čiarkami a v čínštine ich nie je možné oddeliť




Predchádzajúci:Riešenie pre 360 vyhľadávanie nezahŕňa vnútorné stránky webu
Budúci:.net/c# na získanie informácií o súbore v balíku zip

Súvisiace príspevky
Vyhlásenie:
Všetok softvér, programovacie materiály alebo články publikované spoločnosťou Code Farmer Network slúžia len na vzdelávacie a výskumné účely; Vyššie uvedený obsah nesmie byť použitý na komerčné alebo nezákonné účely, inak nesú všetky následky používateľmi. Informácie na tejto stránke pochádzajú z internetu a spory o autorské práva s touto stránkou nesúvisia. Musíte úplne vymazať vyššie uvedený obsah zo svojho počítača do 24 hodín od stiahnutia. Ak sa vám program páči, podporte originálny softvér, zakúpte si registráciu a získajte lepšie originálne služby. Ak dôjde k akémukoľvek porušeniu, kontaktujte nás prosím e-mailom.
Mail To:help@itsvse.com