Widely available すべての主要ブラウザで対応済み。安心して使用可能。

概要

enterkeyhint 属性は、仮想キーボードの Enter キーに表示するアクションラベル(search、send、goなど)を指定します。

対応ブラウザ

デスクトップ

Chrome 77+
Edge 79+
Safari 13.1+
Firefox 94+

モバイル

Chrome Android 77+
Safari iOS 13.4+
Firefox Android 94+

基本構文

HTML
<input type="search" enterkeyhint="search" placeholder="検索...">
<input type="text" enterkeyhint="send" placeholder="メッセージ">
<input type="text" enterkeyhint="go" placeholder="URL">

実務での使いどころ

  • enterkeyhint の活用

    仮想キーボードのEnterキーのラベルを指定する属性。

注意点

  • 古いブラウザでは対応していない場合がある。

アクセシビリティ

  • スクリーンリーダーでの読み上げを確認すること。