我有一个使用 html5元素input显示列表的字段。<datalist>问题是<datalist>浏览器自动完成功能还会显示历史列表（这是以前键入的值的列表，不包含在 中<datalist>）。所以我只想摆脱history-listnot <datalist>。
如果我使用该autocomplete = "off"功能，这也会阻止<datalist>.
简而言之，我只想要不是<datalist>历史的。
问问题
29638 次
6 回答
22
您是否可以使用input没有idorname属性的字段？没有它，浏览器实际上没有任何方法将历史记录与该元素相关联。
在我对 Firefox 的真正快速测试中，这似乎起到了作用：
<form>
<!-- these will remember input -->
With id: <input id="myInputId" list="myList" /><br />
With name: <input name="myInputName" list="myList" /><br />
<!-- these will NOT remember input -->
No id, name, class: <input list="myList" /><br />
With class: <input class="myInputClass" list="myList" />
<datalist id="myList">
<option value="Option 1"></option>
<option value="Option 2"></option>
</datalist>
<br />
<input type="submit" />
</form>
在上面的代码中，input带有idor的 sname会记住过去的值，但input没有任何东西的 s 和只有 a 的输入class不会记住任何东西。
不幸的是，如果您需要使用or ，这确实会使使用input稍微困难一些。在这种情况下，我会尝试使用一个也是' ed的 'ed，然后使用一些 JavaScript 使其与不会记住过去值的同步。nameididinputdisplay: noneinput
于 2015-04-23T16:12:37.187 回答
10
于 2016-04-20T09:21:11.260 回答
3
我使用这样的代码：
<input name="anrede" list="anrede" onmousedown="value = '';" />
<datalist id="anrede">
<option value="Herr"></option>
<option value="Frau"></option>
</datalist>
good : 显示供选择的数据列表已完成
bad：输入字段为空，因此如果用户需要记住旧值，则未记录旧值
于 2013-12-17T21:24:45.600 回答
3
你可以使用自动完成=“新密码”。autocomplete = "off" 在我的情况下不起作用。
<input name="q" type="text" autocomplete="new-password"/>
于 2019-07-16T17:17:38.060 回答
1
试试这个，我希望它有效。
<input id="datalisttestinput" list="stuff" autocomplete="off"></input>
<datalist id="stuff">
<option id="1" value="Amy">
<option id="2" value="Kristal">
<option id="3" value="Collin">
<option id="4" value="Carl">
</datalist>
于 2013-10-25T07:10:56.800 回答
-1
尝试这个：
<datalist id="datalist_id">
js：
dataList = $("#datalist_id")
dataList.empty()
这将清除数据列表的历史记录。这在 chrome 上对我有用。然后，如果您想向列表中添加选项，请尝试：
dataList.append("<option>Some Option</option>")
干杯！！！
于 2018-04-05T16:04:19.607 回答