如何阻止 Html.EditorFor 在下拉列表中显示以前的值答案

【问题标题】：How to stop Html.EditorFor from displaying previous values in a dropdown如何阻止 Html.EditorFor 在下拉列表中显示以前的值
【发布时间】：2020-03-01 02:00:29
【问题描述】：

当我单击 Html.EditorFor 元素时，如何阻止它在下拉列表中显示以前输入的值。在我正在使用的这个元素的 html 下方：

@Html.EditorFor(model => model.CreateDate,
 new
 {
     htmlAttributes = new
     {
         @class = "form-control datepicker",
         @id = "id-CreateDatePicker"
     }
 })

以前值的自动下拉列表会一直覆盖弹出日历，这会阻止用户选择日期。下图显示了当用户单击框时我需要停止显示的先前值的下拉列表：

提前致谢。

【问题讨论】：

标签： html asp.net asp.net-mvc razor editorfor

【解决方案1】：

当用户开始在 HTML 表单字段中输入内容时，浏览器默认启用自动完成功能。许多用户让他们的浏览器收集表单数据，以便将来在表单中使用自动完成功能。

要禁用或启用表单中文本的自动完成功能，请使用 <input> 和 <form> 元素的 autocomplete 属性。该属性包含两个值：

on（指定启用自动完成，这是默认值值）
off（指定禁用自动完成）

这可以在<form> 中完成，以获得完整的表格或特定的<input> 元素：

将 autocomplete="off" 添加到 <form> 元素以禁用整个表单的自动完成功能。
为表单的特定 <input> 元素添加 autocomplete="off"。

示例：

@Html.EditorFor(model => model.CreateDate,
 new
 {
     htmlAttributes = new
     {
         @class = "form-control datepicker",
         @id = "id-CreateDatePicker",
         @autocomplete="off"
     }
 })

【讨论】：