クロームの画面で「クレジットカードの自動入力」に関するワーニングが出る。

Question

###発生している問題・エラーメッセージ
現在、作っているＷｅｂサイトで、以下の赤枠の部分のワーニングが出ます。

###該当のソースコード
対象の入力項目は、以下のような定義で、特にクレジットカードの入力を求めるものでもありません。

<input id="name" type="text" class="form-control ng-pristine ng-valid ng-touched" name="name">

###試した事
・メールアドレスの入力項目を消せば出なくなりますが、これだけは必要な項目としています。
・メールアドレス・名前の入力項目のid,name属性を消してもこの事象は消えませんでした。

###調べた事
どうもこちらの説明によるとx-autocompletetypeを付けるとこのメッセージが出るとありますが、そんなものは付けていません。

###環境
本環境は運用費が掛かるのでＳＳＬ通信はしていません。
その為、入力を求める項目は最小限にしています（個人情報に当たる部分は任意の入力項目にしています）。
できればＳＳＬ通信をせず、この表示を消したいです。

どうしたらこのメッセージを消せるのか、御存知の方がおられたらご教示頂きたいです(>人<)

Answer 1

本題ではありませんが、

本環境は運用費が掛かるのでＳＳＬ通信はしていません。

内輪で使うようなサイトや、閲覧専用のページならまだしも、一般のサイトをHTTPSにしないことへの圧力はどんどん高まっていっています。ビジネスで使うサイトについては、HTTPS化するのが前提、という時代がすぐそこに迫っています。

証明書自体も、ドメイン認証で良ければ1000円ちょっと/年ぐらいで買えますし、個人でサーバ運用する場合も、無料のLet's encryptというのがあります。

Comments

[harufumi.abe]

すみません、遅れました( ´Д｀)
探したら、意外とお手軽のありますね！
今はKING SSL を使おうと検討中です。

ありがとうございますm(_ _)m

Answer 2

フォーム全体がわからないので外しているかもしれませんが、

autocomplete="off"

をフォームに指定して、自動入力を無効にしたらどうなるでしょうか？

Comments

[harufumi.abe]

ご回答ありがとうございます！
実は試してたんですが、書き漏れてました∑(ﾟ◇ﾟ；)
<form>全体にも、個別の<input>タグにも付けてみたのですが、変わらなかったんですorz