本文へ移動
UI/UX

スマホの自動入力、問い合わせフォームに正しく入る? 5分で確かめる手順と、制作会社への直し方の頼み方

公開 読了まで 約9分

( この記事の要点 )

  1. スマホの自動入力は、欄に付いた autocomplete の指定をいちばん確かな目印にして、名前や住所を入れています。
  2. 自分の情報を登録して問い合わせフォームで試し、空いた欄とずれた欄を書き留めます(送信はしません)。
  3. 直すときは各欄に autocomplete を足し、電話番号は1つの欄にまとめます。ふりがなは手入力の欄と考えます。

「お名前の欄に会社名が入っている」「郵便番号が途中までしかない」。届いた問い合わせを見て、首をかしげたことはありませんか。スマホの自動入力がフォームの欄をうまく見分けられないと、こうした入り方になることがあります。

2026年10月28日、Google が Chrome の自動入力に Gemini を使った新しい機能を加えたと発表しました。これをきっかけに、自社の問い合わせフォームに自動入力で正しく入るかを確かめる手順と、入らないときの直し方をまとめます。結論から言うと、まずはスマホで実際に自動入力を試し、ずれた欄を制作会社に伝えて「autocomplete(オートコンプリート)」の指定を足してもらうのが近道です。

Chrome の自動入力に Gemini。日本の会社に関係ある?(2026年11月時点)

今回の発表の中身は、Gmail に届いた注文番号や配送の情報、航空券の予約などを、フォームに入力するときの候補として出す機能です。2026年11月時点の状況は次のとおりです。

項目2026年11月時点の内容
発表2026年10月28日(Google のブログ)
提供地域・端末米国で、パソコン・Android・iOS に提供を始めたところ
使える人Chrome の Gemini を使っていて、Personal Intelligence(Gmail など Google のサービスの情報を Gemini が使えるようにする設定)を有効にしている人
日本での提供発表には日本についての記載はない

つまり、日本のお客さんがすぐにこの機能を使うわけではありません。ただ、名前や住所、電話番号を自動で入れる「ふつうの自動入力」は、すでに iPhone(Safari)でも Android(Chrome)でも標準で使えます。新しい機能が来る前に、今ある自動入力で正しく入るかを確かめておく価値は十分にあります。

自動入力は、フォームの何を見て入れているのか

スマホの自動入力は、あらかじめ登録した名前や住所を、フォームの欄に合わせて入れる機能です。このとき、ブラウザは欄に付いた「目印」を見て、何を入れる欄かを判断しています。

いちばん確かな目印が、HTML の autocomplete 属性(欄の目印)です。たとえば autocomplete="email" と書かれた欄には、メールアドレスが入ります。荷物に貼る「宛名ラベル」のようなものです。ラベルがないと、ブラウザは欄の名前などから推測するしかなく、推測を外すと別の欄に入ってしまいます。

この指定は、使いやすさだけの話ではありません。ウェブのアクセシビリティの国際的な基準 WCAG(ダブリューシーエージー)にも、「達成基準 1.3.5 入力目的の特定(レベル AA)」として、入力欄の目的を機械が読み取れるようにすることが含まれています。手や指を動かしにくい人や、入力に時間がかかる人にとって、自動入力は大きな助けになるからです。

自動入力の NG と OK の作例。左「NG 目印なし」:「お名前」の欄に「〇〇造園」(印「会社名が入った」)、「会社名」の欄は空(印「空のまま」)、「電話番号」は 090-0000-0000。右「OK 目印あり」:お名前「name」に山田 花子、会社名「organization」に〇〇造園、電話番号「tel」に 090-0000-0000。
自動入力の目印(autocomplete)がないと、別の欄に入ったり空いたりします。説明用の作例です。

5分でできる:自社のフォームを確かめる手順

まずは自分のスマホで試してみましょう。社内に iPhone と Android の両方があれば、両方で試すと安心です。

1. 自分の情報を登録しておく

  • iPhone(Safari):「設定」>「アプリ」>「Safari」>「自動入力」で「連絡先の情報を使用」を確かめ、「自分の情報」で自分の連絡先カードを選びます。
  • Android(Chrome):Chrome の[設定]の中の自動入力の項目([パスワードと自動入力]など)から[住所やその他の情報]を開き、住所を保存します。Google アカウントへのログインが必要です。

設定の名前や場所は、OS やアプリの版で変わることがあります(2026年11月時点の公式ヘルプの表記)。見つからないときは、参考に挙げた公式ヘルプを見てください。

2. 問い合わせフォームで自動入力を試す

自社サイトの問い合わせフォームを開き、最初の欄(お名前など)をタップします。キーボードの上や下に出る候補から、自分の情報を選びます。送信はしません。確かめたら、画面を閉じれば大丈夫です。

3. 欄ごとに、入り方を書き留める

入ったあとの画面をスクリーンショットで残し、次の表のように書き留めます。

欄見るところ
お名前名前が入ったか。姓と名が分かれている場合は、逆になっていないか
ふりがな空のままか、漢字の名前が入っていないか
会社名会社名が入ったか。名前が入っていないか
メールメールアドレスが入ったか
電話番号番号が全部入ったか。途中で切れていないか
郵便番号・住所7桁が入ったか。都道府県・市区町村・番地がそれぞれの欄に入ったか

「空いた欄」と「ずれて入った欄」があれば、そこが直しどころです。全部の欄がきれいに入れば、このままで大丈夫です。

確かめる手順の流れ。「1 自分の情報を登録」→「2 フォームで試す 送信はしない」→「3 空いた欄・ずれた欄を書き留める」。
自社のフォームで自動入力を試す3つの手順。

入らないときの直し方:制作会社への頼み方

直すのは、フォームを作った制作会社か、WordPress を触れる人の仕事です。担当者がするのは、「どの欄が、どうずれたか」と「何を足してほしいか」を伝えることです。

欄ごとの autocomplete 属性の値

HTML の仕様で決まっている値のうち、問い合わせフォームでよく使うものです。WordPress のプラグイン Contact Form 7 では、フォームタグに autocomplete:値 を足すだけで指定できます。

欄値Contact Form 7 の書き方の例
お名前(1つの欄)name[text* your-name autocomplete:name]
姓・名(分ける場合)family-name・given-name[text* your-sei autocomplete:family-name]
会社名organization[text your-company autocomplete:organization]
メールemail[email* your-email autocomplete:email]
電話番号tel[tel your-tel autocomplete:tel]
郵便番号postal-code[text your-zip autocomplete:postal-code]
都道府県address-level1[text your-pref autocomplete:address-level1]
市区町村address-level2[text your-city autocomplete:address-level2]
番地・建物名address-line1・address-line2[text your-addr1 autocomplete:address-line1]

Contact Form 7 は 5.7 から、最初から入っているフォームのひな形に autocomplete の指定が入るようになりました。それより前に作られたフォームや、自分で欄を足したフォームには、指定がないことがあります。

欄の分け方:電話番号は1つの欄に

電話番号を「090」「1234」「5678」のように3つの欄に分けたフォームをよく見かけます。Google の開発者向けの解説(web.dev)では、電話番号のような数字には、自動入力が使えるように1つの入力欄を使うよう勧めています。郵便番号も、1つの欄にして postal-code を付けるのが分かりやすい形です。

ふりがなは、残念ながら HTML の仕様に専用の値がありません。自動入力に頼らず、手で入れてもらう欄と考えましょう。ふりがなが本当に要るかを見直し、なくてよいなら任意の欄にするのも一つの方法です。

電話番号の欄の NG と OK の作例。左「NG 3つの欄」:「090」のあとの2つの欄が空(印「空のまま」)。右「OK 1つの欄」:「電話番号 tel」の1つの欄に 090-0000-0000。
電話番号は1つの欄にすると、自動入力で全部入ります。説明用の作例です。

そのまま送れる依頼文の例

スクリーンショットと一緒に、次のように伝えると話が早く進みます。

  • スマホの自動入力で問い合わせフォームを試したところ、「会社名」の欄に名前が入り、「電話番号」は最初の欄にしか入りませんでした(画像を添付します)。
  • 各欄に autocomplete の指定(name、organization、email、tel、postal-code など)を足してもらえますか。
  • 電話番号の3つの欄を1つにまとめられるか、費用と合わせて教えてください。

直したあとの確認と、よくある失敗

直してもらったら、もう一度スマホで同じ手順を試します。あわせて、次のような失敗がないかも見ておきましょう。

  • 欄の中の薄い字を見出し代わりにしている:「例)山田太郎」のような薄い字だけで、欄の見出し(ラベル)がない形です。入力を始めると消えるので、何の欄か分からなくなります。web.dev でも、ラベルの代わりに薄い字だけを使わないよう勧めています。
  • パソコンだけで確かめて終わる:問い合わせの多くがスマホからなら、スマホの実機で確かめるのがいちばん確かです。
  • 「autocomplete を付ければ必ず入る」と考える:自動入力の動きはブラウザや版によって違います。指定は入りやすくするための目印で、確かめるのは実機です。

まとめ

  • Chrome の Gemini を使った自動入力は、2026年11月時点では米国で始まったところです。日本の会社にとっては、まず今ある自動入力に正しく入るかが大事です。
  • スマホで自分の情報を登録し、問い合わせフォームで自動入力を試し、空いた欄・ずれた欄を書き留めます(送信はしない)。
  • 直し方は、各欄に autocomplete の指定を足すことと、電話番号を1つの欄にまとめることです。ふりがなは手入力の欄と考えます。

フォームの点検や直し方で迷ったら、MODS BASE にもお気軽にご相談ください。

( Written by )

MODS BASE

MODS BASEは、長野県上伊那郡辰野町を拠点に、WEB 制作、WEB 集客の運用代行、UI/UX デザイン・プロダクト開発、ブランディング・グラフィック、AI 導入支援を手がけるデザイン・開発スタジオです。全国のお客様にオンラインで対応しています。

( Related service )

WEB 制作

何を伝え、どう動いてもらうか。UX の設計から考えるホームページ制作。

( Related )

関連記事

( Contact )

Let’s talk.

まだ決まっていなくても大丈夫です。気になっていることから、気軽にお聞かせください。