私はそれらを「タグブロック」と呼んでいますが、それは正しくないと思います。パターンはテキスト情報のブロックで、Xで削除されます。ファイルを追加した後、いくつかの場所で表示され、ファイルを削除できます。
彼らはあなたが使うスクリプトに応じて多くの名前を受け取ります、単一の特定の名前についての合意はないようです。さまざまなオプションを説明するために、ここにこれらのブロックを生成するスクリプトの名前とリンクがあります。
tagとselectの前後にある種の一貫した名前が付けられているようですが、明確ではありません。さらに、これらのプラグインのほとんど(すべてではない)はJQueryを使用しており、「セレクター」はJQuery(およびHTML5)ではまったく異なるものですが、selectはさらに混乱します。 tag boxのようなものがより適切なオプションです。個人的に、私はそれらを閉じられる用語ボックスと呼びます
明確にするために:これらはタグではなく、これらもselectではありません、これらはboxesではなく、selectorsではありません。これらの用語はすべて非常に具体的な定義を持っています。それらのどれも、部分的にのみ、質問に完全に適用されません。
さらに、この要素は常にタグであるとは限らず、カテゴリ、カスタム分類、またはライブ検索用語の場合もあります。
この要素は、少なくとも3つの異なるサブ要素で構成されます:視覚的な要素、分類法/ IA、およびアクション1。
視覚的なものは、タグまたはフィルター用語とclose要素を含むボックスまたは境界です、 分類法1は用語自体(タグなど)であり、アクション1はclose要素であり、場合によっては、再配置をドラッグするためのhandleです。
機能的には、input要素ですautocomplete searchなどを使用する場合、ただし、ユーザーが事前に定義された用語のリストからのみ選択できるため、管理者によって追加されました。これらはselectです。
上記のように、それについてコンセンサスはありません。この要素を適切に誰かに伝えたい場合は、2つ以上の複合パーツを組み合わせて呼び出すことは妥当です
材料設計はそれらを「チップ」と呼びました。 https://material.io/guidelines/components/chips.html
フラットなデザインが流行する前、グラデーション、ドロップシャドウ、反射の全盛期には、角の丸い四角形の内側にラップされたタグは、特定の円で菱形と呼ばれることがよくありました。この用語は、ボタンとクリック可能なタグのリストを区別する方法でした。とはいえ、ここ数年で言及された用語は聞いていません。
ボタン?特別な用語はありません。最初の例はタグです。 2つ目はフィルターです。ボタン/ボックスとしてスタイル設定されているだけです。
更新:ジョーは、これらが何と呼ばれるかは私たちが話していることに依存することを私に認識させます。
あなたの画像は(機能的に)タグとフィルターの例であり、削除アイコンで簡単に消すことができ、(スタイルとして)ボタンとして表示される :)
それらについて特に確立された用語があるかどうかはわかりませんが、一般的にはピルと呼ばれる用語を聞いたことがあります。
pill UIパターンの最も一般的な用途はrepresentタグであるという事実から、命名の混乱が生じます。人々がパターンを説明するために一般的な用法を使用することにドリフトする理由を見つけるのは簡単です。 Pillsはtagsに非常によく機能しますが、他の場合には非常によく機能しますものも-電子メール、IPアドレスなど...
したがって、「ピル」または「ピル入力」は、タグ付け機能を提供するためによく使用されるuiパターンですが、他の目的にも使用できます。