javascripthtmlcsskanji

Disable autocomplete for Japanese

I am making a Japanese typing game for the browser using HTML, CSS and JavaScript. Everything is fine, except when I type hiragana cahrecters into the input field, it suggests different hiragana and kanji. This basically ruins the point of the typing game. The HTML autocomplete = "off" does not work... Any ideas?

Solution 
  • autocomplete="one-time-code"

    A lot of browsers ignore off, autocomplete="new-password" works but then the browser might suggest a strong password, "one-time-code" is officially supported.

    But really, you can just use any random string for the field and it should work, like

    autocomplete="seriously-please-don't-autocomplete"

    And if that doesn't work, this hack generally does:

    <input readonly onfocus="this.removeAttribute('readonly');">