ブートストラップタグ入力ボックス

クズども · 掲載地 2018/06/11 14:37:56

タグ入力をしたい場合、テンプレートは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スタイルを次のように変更します:

ログインが見えます。

注:英語ではラベルはカンマで区切られており、中国語では区別できません

[ブートストラップ] ブートストラップタグ入力ボックス

関連記事

閲覧したセクション