「電話番号」の入力欄にフォーカスし、iOS Safariの「連絡先を自動入力」機能を使ってみてください。
本サンプルの元記事は『iPhone Safari の「連絡先を自動入力」機能が賢くなりすぎて、電話番号じゃない入力欄に電話番号を自動補完しちゃうから困った話』です。
フォーム入力欄の前にある「電話相談希望日」の「電話」の部分を読み取って、iOS12 Safari では「電話相談希望日」欄にも電話番号がオートコンプリート機能で入力されてしまう。
見出しセル内のテキストから「電話」という文字を抜いて「相談希望日」としてみた。
ただこれだと「弊社から電話連絡します」ということが伝わらないので、補足テキストを追加。そしたら今度はその次の「備考」欄に補完されちゃう・・・
自動補完してほしくない箇所の近くの「電話」というワードをなくす。
(2)の「備考」欄と「相談希望日」の入力欄を上下入れ替え。
「メールアドレス」欄と「電話番号」の入力欄を上下入れ替え。「電話番号」と「電話相談希望日」が連続するようにした。
(2)の「相談希望日」の下に、ダミーの入力欄を入れておいてdisplay: noneで消す。気持ち悪いうえに効果なし（備考欄に電話番号が補完されちゃう）。