Suggestion

Field と同じラベル・補足・エラーの付いた一行の入力に、候補の一覧を添えます。id を省略すると生成します。name・value・required・placeholder などの残りの属性は入力へ渡します。

打つたびに、候補の文字列の中に入力を含むものへ絞り込みます。全角と半角、大文字と小文字は区別しません。一致する候補がある時だけ一覧を開き、一つも無い時は「一致する候補はありません。入力した内容をそのまま使えます。」と伝えます。日本語の変換中は絞り込まず、確定してから絞り込みます。

欄を押すと今の入力で絞り込んだ一覧を開き、右の矢印を押すと絞り込まずに全ての候補を開閉します。候補を選ぶと、その文字列を欄の値にして一覧を閉じ、欄へフォーカスを戻します。候補に無い値も、打ったまま送信します。

候補の一覧は欄の下に開く白いパネル（1px #bbbの枠・角丸5px・柔らかい影）で、Pickerと同じ見た目です。候補の行は隙間なく並べ、ホバーした候補とキーボードで移った候補を、角の無い淡い青（--rx-option-active）の面に黒い文字で示します。

readonly・disabled の間は一覧を開きません。フォームをリセットすると、絞り込みを解いて一覧を閉じます。

SuggestionController を suggestion として登録します。候補を選ぶと combobox:change に加えて、欄で標準の input・change を発火するので、打った時と同じ受け取り方で値の変化を受け取れます。

JavaScriptが無い時は、標準の datalist で候補を出し、右の矢印は出しません。