1行テキストコントロールの右端に「x」が付く実装の実現方法
キーワード検索とかで、キーワード入力する1行テキストに入力があると、コントロールの右端に「x」ボタンが付く事がある。
この動作は、多くの場合はウェブブラウザの標準機能と思われる。
ただ、この機能が発現するのは次の条件がある。
- ウェブブラウザが対応している。
- コントロールのinputタグに属性値「type="search"」が指定されている。
なお、手元にある環境で確認したところ、ウェブブラウザの対応状況は次の通りだった。
- Windows（Windows11）
- edge:出る
- chrome:出る
- FF:出ない
- Mac（macOS Sonoma 14.5）
- edge:出る
- chrome:出る
- Safari:出る
- FF:出ない
- iphone（iOS 18.1.1）
- chrome:出ない
- Safari:出ない