form の入力補完を非表示にしたい

Question

前提・実現したいこと

formに文字列を入力する際に出る、入力補完の表示を出ないようにしたい。
(ブラウザの設定で、非表示にしたいわけではない。)

IE、Chrome、Microsoft　Edge
のいずれかのブラウザで表示されないようにできればよい。

ただし、現時点のノウハウで実現が難しければ、あきらめても良いと思っている。

試したことコード

1. autocomplete をオフにする。

<input type="text" autocomplete="off" />

1. 透明なフィールドを置く(下記のコードの順番を入れ替えることも試した)

<input type="text" />
<input type="text" name="dummytext" disabled="disabled" style="width:2px; height:2px; position:absolute; opacity:0" />

補足情報（FW/ツールのバージョンなど）

IE　ver:11.431.16299.0
Chrome ver: 67.0.3396.87

Comments

[x_x]

typeは確かにtextなのでしょうか？ passwordではなく

[threeeverytwo]

そうですね、passwordではなく、textです。

Answer 1

試したこととして、inputもしくはformにautocomplete="off"属性を指定してやればそういった挙動をブラウザに対して起こさないで欲しいという指示は出来るはずだと思いますが、
既にブラウザに記憶されている物が、autocomplete属性の有無にかかわらず表示してしまうブラウザがもしかしたらあるのかもしれません。

簡易で良いなら、textareaタグならそういった挙動は起こさなかったように記憶しています。
しかし、送られたデータに改行が含まれる可能性がある為、送信前や受け取ったデータの精査は必要になるかもしれませんが。

Comments

[threeeverytwo]

お返事遅くなりました。
ご回答ありがとうございます。
上記のtextareaで試してみましたが、やはり予測候補は表示されるようです。