Εάν θέλετε να κάνετε μια εισαγωγή ετικέτας, το πρότυπο βασίζεται στο Bootstrap, κοιτάξτε πρώτα το εφέ, όπως φαίνεται παρακάτω:
Οι ετικέτες Bootstrap εισάγουν διεύθυνση ανοιχτού κώδικα:https://github.com/bootstrap-tagsinput/bootstrap-tagsinput
Προσθήκες Ιστού:jquery-3.3.1、bootstrap-4.1.1
Πρώτα, ανατρέξτε στη λήψη του Bootstrap Tags Input και, στη συνέχεια, εισαγάγετε αρχεία css και js, δεν υπάρχουν πολλά να πούμε
Λήψη Διεύθυνσης:http://timschlechter.github.io/b ... strap-tagsinput.zip
Το Bootstrap Tags Input είναι ένα πρόσθετο στην έκδοση bootstrap v3,Εφόσον χρησιμοποιώ την έκδοση bootstrap v4, θα υπάρξουν κάποια προβλήματα, πρέπει να την αλλάξω, αν δεν την αλλάξω, κάτω από την έκδοση bootstrap v4, το κείμενο εισαγωγής δεν θα εμφανίζεται, επειδή η έκδοση bootstrap v4 δεν έχει πλέον το στυλ "ετικέτα ετικέτας-πληροφορίες"。
Κώδικας HTML:
Προσθέστε το ακόλουθο στυλ στην κεφαλή κεφαλής:
Κωδικός JS:
bootstrap-tagsinput.css τροποποιήσετε το στυλ .bootstrap-tagsinput στο αρχείο προέλευσης ως εξής:
Σημείωση: Οι ετικέτες διαχωρίζονται με κόμμα στα Αγγλικά και δεν μπορούν να διαχωριστούν στα Κινέζικα
|
Δημοσιεύτηκε στις 11/6/2018 2:37:56 μ.μ.
|
|
|
|
