JSFiddle - React, Tailwind, and code Playground

HTML

<h2>Chrome autocomplete issue</h2>
See <a href="https://stackoverflow.com/questions/15738259/disabling-chrome-autofill">https://stackoverflow.com/questions/15738259/disabling-chrome-autofill</a>

<h3>
Fix: make the <tt>name</tt> attribute unique for each visit!
</h3>

<form submit="a">

Has unique name:
<input type="email" formnovalidate name="foo_9023-4" placeholder="Enter recipient email" title="Enter recipient email" value=""><br>

Has unique autocomplete (no name, and no id):
<input type="text" placeholder="Your Name" title="foo" autocomplete="foo-bar"><br>


Not unique name:
<input id="name" type="text" name="name" placeholder="Your Name" autocomplete="bar-foo"><br>

<button type="submit">submit</button><br>


Can also set <tt>autocomplete</tt> attribute to some random name, except "off" or "false".
</form>