inputタグの入力履歴を表示しないようにしたい

Question

前提・実現したいこと

Webサイトを作成していますが、添付画像のように過去に入力した値が表示されてしまいます。
過去の入力履歴は不要な項目であるため非表示にしたいのですが、どのようにすれば良いでしょうか。

発生している問題・エラーメッセージ

※ 余白が広い部分は実際の電話番号が入っていたので白塗りしているためで、実際は値が入ります。

エラーメッセージ

該当のソースコード

<form>
  <fieldset>
    <div class="form-group"><label for="phoneNumbers1">連絡先電話番号:</label><input type="text" autocomplete="new-password"
        required="" class="form-control " id="phoneNumbers1" aria-describedby="emailHelp" placeholder="000-0000-0000"
        value="000-0000-0000"></div>
  </fieldset>
</form>

試したこと

• ソースコードにも記載されていますが、autocomplete="new-password"を設定してみましたが変わりませんでした。
• idを変えることで記録が消えることを確認しましたが、毎回ランダムなidを割り当てるのも難しいです。

Answer 1

new-passwordはあくまでpassword型のものが対象だったはずなのですが、formにautocomplete=offでもダメですか？

• [フォームの自動補完を無効にするには

](https://developer.mozilla.org/ja/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion)

Comments

[退会済みユーザー]

ご回答有り難うございます！

formにautocomplete=offでも同様の事象が発生してしまいました。
なお、autocomplete=new-passwordは、提示して頂いたURLの下記の文言を見て設定しました。
> このような理由から、現代的なブラウザーの多くはログイン欄における autocomplete="off" に対応していません。

[m.ts10806]

「ログイン欄における 」という前提ですよね。
今回ログイン関係あるのでしょうか。
new-passwordは「パスワード欄のオートフィルを抑止したい場合（かつFireFoxではない）」なので今回の電話番号欄には適用できないと思います。

もしかしたらキャッシュが残ってるのかな・・・と思わないでもないですが・・。

[退会済みユーザー]

キャッシュの可能性はありますね…

Answer 2

inputタグにつけるのではなくformタグにつけるのではありませんか？

<form autocomplete="new-password"> これもブラウザによって挙動は違うと思いますので確実ではありません。 エラーとか不具合ではありませんがブラウザの設定でオートコンプリートを使わない設定をするなどの説明やヘルプページを作ることで対応するといいのかもしれません。

Comments

[tukatter]

他の方も回答されていましたね。
失礼しました。

[退会済みユーザー]

ご回答有り難うございます！

運用対処としてのヘルプページも良いと思ったので、検討してみたいと思います。

[tukatter]

idとnameを付けない入力欄に入力すると
hiddenの欄に値を格納するようにするといけるんじゃないのかとも思いますね。

ex.)フォーカスが外れたときにhiddenに値を格納する例
<input type="text" class="phoneNumbers" onBlur="document.getElementById('phoneNumbers1').value=this.value" >
<input type="hidden" class="phoneNumbers" id="phoneNumbers1" name="phoneNumbers1">
デザインはclass　データのやり取りはname要素を使うようにするとか工夫するとできないこともないでしょう。

いろいろ試してみてくださいね。

[退会済みユーザー]

こちらで対応できそうなのでもう少し調査してみます。
また、運用対処も出来そうなのでそちらも検討します。

[tukatter]

がんばってみてください。
いいものになるといいですね。　idさえ指定しなければいいということかなと思います。