エフトラEFOの入力支援機能のブラウザ別対応表です

<aside> 1️⃣ 入力支援機能・ブラウザ別対応表

</aside>

ブラウザ IE Edge Firefox Chrome Safari Opera iOS Android
バージョン 11 - 13-28 24-34 5 12 12.5 以降 7.0 以降
入力形式事前指示 ○ ○ ○ ○ ○ ○ ○ ○
リアルタイムアラート ○ ○ ○ ○ ○ ○ ○ ○
エラー時背景色変更 ○ ○ ○ ○ ○ ○ ○ ○
フォーカス時背景色変更 ○ ○ ○ ○ ○ ○ ○ ○
ガイド表示 ○ ○ ○ ○ ○ ○ ○(※1) ○(※1)
離脱ブロック ○ ○ ○ ○ △(※2) ×(※2) ×(※2) △(※3)
サブミットブロック ○ ○ ○ ○ ○ ○ ○ ○
入力モード自動変換 △(※4) ✕(※5) ○ ×(※5) ×(※5) ×(※5) ×(※5) ×(※5)
住所自動入力機能 ○ ○ ○ ○ ○ ○ ○ ○
フリガナ自動入力(※6) ○ △ ○ ○ ○ ○ △ ○
初期表示文言 ○ ○ ○ ○ ○ ○ ○ ○
半角・全角自動変換 ○ ○ ○ ○ ○ ○ ○ ○
入力時背景色設定 ○ ○ ○ ○ ○ ○ ○ ○
入力成功サイン ○ ○ ○ ○ ○ ○ ○ ○
メアドサジェスト ○ ○ ○ ○ ○ ○ ○ ○
送信ボタンデザイン ○ ○ ○ ○ ○ ○ ○ ○
スマホキーボード変換 - - - - - - ○(※7) ○(※7)
Facebook自動入力 × ○ ○ ○ ○ ○ ○ ○
Yahoo!自動入力 × ○ ○ ○ ○ ○ ○ ○

<aside> 2️⃣ 備考

</aside>

  1. ガイドはスマートフォンでは画面幅の帯状のボックス内に文字が流れる形式で表示
  2. onbeforeunload関数を利用しているため、onbeforeunload関数に対応しているブラウザのみ対応。またSafariでは離脱ブロック表示はされるが、「離脱ブロック表示回数」のログは取得できない
  3. SAMSUNG製のAndroidブラウザはonbeforeunload関数の実行に不具合があるため非対応。それ以外のAndroidブラウザに対応
  4. IE11は、ブラウザ側のバグが原因で動作に問題が出るため、動作させないようにしています。
  5. CSSのime-modeを利用しているため、CSSのime-modeに対応しているブラウザのみ対応
  6. 文字入力イベントをbindし、かな/カナに変換して該当入力項目に追加。文字入力イベントが正確に取得できるブラウザのみ対応。MicrosoftEdgeで利用の場合は、かな変換動作を優先させるため、Edge側で用意されている入力内容消去ボタンがOFFになります。Edge41以降は非対応となります。
  7. デバイスとOSの対応状況は以下の通りです。
iPhone Android
iOS 12.5 以降 Android 7.0 以降
tel 電話番号キーボード 電話番号キーボード
number 数字キーボード 数字キーボード
email E-mail用キーボード 英字キーボード
url URL用英字キーボード 英字キーボード

※ iOSのキーボード設定においては、上記の記載よりも日本語キーボードが優先されることがあります。※ 端末固有の事情やブラウザの設定によって上記の記載とは見映えが異なることがあります。※ type属性を切り替えることで、入力文字の一部がブラウザによって自動削除されることがあります。（例：number属性に指定した項目での「-」など）