HTML: 分かりやすい入力欄の導入方法を教えてください

Question

こんばんは。
現在フォーム系のサイトを制作しています。
今までは、Select属性からのOptionを取り扱っていたのですが、とても使いづらく、他の方のサイトを拝見したところとても良さそうなシステムがあったので模倣して導入しようとしているところです。
こちらが、その方のサイトの、妖怪の名前を選択するところです。
見たところ、table属性を仕様しているのは分かりましたが、リストを表示させるやり方がわかりません。また、そのリストに入力属性を付与する方法もわかりません。
ご教授お願い致します。

Comments

[Supernove]

まずあなたがどうやってフォームを作成しているのかわからないので、ソースを載せてもらえませんか？
あと模倣したいサイトが開けないので確認お願いします

[cx20]

サイトはこちらのようです。（「https//」→「https://」にするとアクセスできました）
https://togenyanweb.appspot.com/Yokai/yw2/ivChecker.html

Answer 1

自分は使ったことは無いですが、こちらのライブラリを使用しているようでした。

■ Select2
https://select2.org/

＜参考＞
■ 【JavaScript】Select2でプルダウンをおしゃれにする【ライブラリ】
https://qiita.com/mtanabe/items/c324a2d4a8de8d1595e4

Comments

[TrueRyoB]

プラグインだったのですね
調べても全く出てこなくてお手上げだったので超助かりましたm(_ _)m