type="search" ：inputタグで入力中の文字を消すマークを表示する
検索ボックスにtype="search"を使用すると、検索テキスト入力欄となり取り消し用の「X」マーク（クリアマーク）が自動で表示されるようになります。
code:html
<input type="search" name="q"></input>
デモ：
勿論このボタンを押せば、入力中のテキストを消すことができます。
https://gyazo.com/873ee5cd54ae7eb4479c594c016dd04f
参考