フォーム入力
オートコンプリート
入力に応じて候補リストを絞り込み表示。↑↓キーやタップで選択でき、選ぶと入力欄に反映される。都道府県など日本語ダミー候補つき。
プレビュー
入力
操作実際に入力して試せます。
コード（コピーして使えます）
<div class="ac-wrap">
<label class="ac-label" for="ac-input">出発地</label>
<div class="ac-field" id="ac-field">
<input
id="ac-input"
class="ac-input"
type="text"
placeholder="都道府県・駅名を入力"
autocomplete="off"
role="combobox"
aria-autocomplete="list"
aria-expanded="false"
aria-controls="ac-list"
/>
<ul class="ac-list" id="ac-list" role="listbox" aria-label="候補" hidden></ul>
</div>
<p class="ac-hint" id="ac-hint">入力で候補を絞り込みます</p>
</div>