<input>のautocompleteを無効にする方法

Question

inputタグのautocompleteを無効にする方法を教えてください
autocomplete="off"を追加しても
ダミーのinputタグをいれdisplay:none;にしても無理でした・・・

inputのtypeはtextです

対象のブラウザはChromeです

補足
タイピング訓練をするためのwebアプリを作っていて、そこの入力部分にinputタグを使っています。 autocompleteが有効だと一度入力した単語が候補に出てしまうため、最初の一文字タイプするだけで入力ができてしまいます。これを避けるためにautocompleteを無効にしたいと考えています。 よろしくお願いします

補足
コードは下記のようになっています

<form onsubmit="return false;" autocomplete="off">
      <input type="text" id="text" autocomplete="off"><br>
</form>

Comments

[m.ts10806]

真の目的は何でしょうか
それ次第では代替案を提示する必要があります

[chuchutakotako]

タイピング訓練をするためのwebアプリを作っていて、そこの入力部分にinputタグを使っています。
autocompleteが有効だと一度入力した単語が候補に出てしまうため、最初の一文字タイプするだけで入力ができてしまいます。これを避けるためにautocompleteを無効にしたいと考えています。
よろしくお願いします

[m.ts10806]

質問編集して追記願います。

[m.ts10806]

あと対象としたいブラウザもあったほうが良いかもしれません

[m.ts10806]

あと念のためhtmlもなるべく全体提示された方が良さそうです

[chuchutakotako]

すみません
全体の提示はできないので該当部分のみ提示させていただきます・・・
よろしくお願いします！

[m.ts10806]

了解です。formあるなしが分かるだけでも全く違います。が、私としては既に出ている回答で解決の糸口になると思っていますので、まずはそちらを。

Answer 1

タイピング訓練をするためのwebアプリを作っていて、そこの入力部分にinputタグを使っています。

「キーボード以外での入力をさせたくない」という目的なら、<input>を使うこと自体を止めて、keydownやkeypressなどのイベントで処理させる、というほうが適切ではないかと思われます。

Comments

[chuchutakotako]

作業量が増えてしまうので<input>を使いたいと考えています・・
あと技術的にもそちらのほうがかんたんなので・・・

[maisumakun]

<input>であれば、音声入力などであっても受け付けてしまいます。

キーボードの練習という目的があるのであれば、キーボードイベントを直接見るのが筋だと考えます。

Answer 2

以前同様の質問に回答しました。
https://teratail.com/questions/146346

name 属性が不要であればなくしてしまってもいいかもしれません。