具有自动完成但没有默认值的HTML输入

Question

我想在表单中使用通常的浏览器自动完成功能，但我不希望浏览器为其设置默认值。

预期的行为是输入始终呈现为空，当用户点击它时，浏览器会自动完成显示之前为该字段输入的值。

我在this登录页面看到了类似的内容。

我尝试在页面加载时使用javascript清空输入值，但这不是一个非常干净的解决方案，因为有时我可以看到默认值显示然后被删除。

任何帮助都会很棒。

Answer 1

我认为这将是你的回答...... http://liveweave.com/dnEfCD

只需使用'占位符'属性。

 <form id="main">
<input id="email" type="text" placeholder="Email" name="email">
<input id="password" type="password" placeholder="Password" name="password">
 </form>

Answer 2

wantworthy.com/login使用JavaScript创建页面。因此，当它加载时，输入字段不存在，浏览器无法填充它们。

如果您不想这么做，您只能在页面加载后创建输入字段。也许更简单的事情就像更改字段的名称一样可以解决问题（假名之前，页面加载后的实名）。但是你必须弄清楚浏览器填充字段的时间：onDocumentReady，onLoad甚至更晚。

如评论中所述，如果您根本不需要浏览器干预，则可以在表单标记中使用autocomplete="off"。但这也会关闭显示以前输入的值。