Html 自动完成赢得'；t关闭输入

我在一个页面上输入了如下内容：

<input type='text' name='username' placeholder='Username' autocomplete='off' spellcheck='false' value='' />

<form action='' method='POST'>
    <input type="text" name='username' style="display: none;" value=" ">
    <input type='text' name='username' placeholder='Username' autocomplete='off' spellcheck='false' value='' />
    <input type='password' name='password' placeholder='Password' autocomplete='off' spellcheck='false' value='' />
    <button type='submit'>Submit</button>
</form>

正如您从代码中看到的，我试图将输入值设置为none，但没有效果

我使用的浏览器是chrome的最新版本

我也尝试过将自动完成添加到表单中，但这也没有帮助

如果你想看其他代码，请说

编辑

我设法找到了一种方法，在表单中添加另一个与输入同名的输入，然后使用css隐藏输入，并将值设置为空格，尽管必须有一种更干净的方法

代码如下所示：

<input type='text' name='username' placeholder='Username' autocomplete='off' spellcheck='false' value='' />

<form action='' method='POST'>
    <input type="text" name='username' style="display: none;" value=" ">
    <input type='text' name='username' placeholder='Username' autocomplete='off' spellcheck='false' value='' />
    <input type='password' name='password' placeholder='Password' autocomplete='off' spellcheck='false' value='' />
    <button type='submit'>Submit</button>
</form>

提交

作为一名开发人员，这难道不是一种你无法改变的浏览器设置吗？在@Dreamonic网站上找到了一种不切实际的方法