text_fieldのオートコンプリート無効

Question

いつもお世話になります。
現在Railsでウェブページを作成しており、フォームとボタンを設置し、ボタンが押されたらフォームの内容送信すると言った内容です。

現在ブラウザをfirefoxにてページにアクセスした場合は問題ないのですがchromeでアクセスした場合に、フォームをクリックして入力モードにすると、横浜・恵比寿といった地名の候補が出てきてしまいます。

これはブラウザのオートコンプリート機能のようなものが働いてしまっているということでしょうか。またtext_fieldにこういった予測などを表示させないような設定は可能でしょうか（ブラウザ依存にしたくないのです）。

e_mail用ではありますが訳あってtext_fieldとしております。
ご教示のほどお願いいたします。

# xxxxxx.html.erb

<%= form_with(model: @userinfo, local: true, html: {id: 'inform_save', class: 'form'}) do |f| %>
  <div class="field">
    <%= f.label :to %>
    <%= f.text_field :to, size: 25, value: @userenter.email_to, id: "email_to" %>
  </div>

 ・
 ・ 省略
 ・


<div class="actions">
    <%= f.submit '保存' %>
  </div>
<% end %>

Answer 1

参考：フォームのオートコンプリートを無効にするには
https://developer.mozilla.org/ja/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion

ブラウザは、<input>のautocomplete属性が"off"であればオートコンプリートは行いません。
よって、autocomplete: 'off'を追加すると良いでしょう。
※offにしてもオートフィルは行われます。

<%= f.text_field :to, size: 25, value: @userenter.email_to, id: "email_to", autocomplete: 'off'%>

<form>にもautocomplete属性があるので、form全体のオートコンプリートを制御したい場合はformに付けてもOKです。

Comments

[lyzmfeqpxs54]

ご回答ありがとうございます。ご教示いただいたいとおり
<%= f.text_field :to, size: 25, value: @userenter.email_to, id: "email_to" autocomplete: 'off'%>
としてみたのですがシンタックスエラーが出てしまいます。

[lyzmfeqpxs54]

「"email_to"」と「autocomplete: 'off」の間に「,」を入れることで解決できました。お騒がせしました。

「<form>にもautocomplete属性がある」とのことですが
<%= form_with(model: @userinfo, local: true, autocomplete: "off", html: {id: 'inform_save', class: 'form'}) do |f| %>としてみたのですが、こちらはエラーは特に出ませんがオートコンプリートがoffになりません。別の書き方が必要でしょうか。

[shimitei]

回答の方もカンマ抜け編集しました。
form_withの方はhtmlのところに書きます。
html: {id: 'infor_save', class: 'form', autocomplete: 'off'}
のように書きます。

[lyzmfeqpxs54]

ご教示いただいた方法で無事解決できました。htmlの基礎知識が薄くご迷惑おかけいたしました。また、よろしくお願いいたします。
ご回答本当にありがとうございました。