Как остановить Html .EditorFor от отображения предыдущих значений в выпадающем списке

Question

Как сделать так, чтобы элемент Html .EditorFor не отображал предыдущие введенные значения в раскрывающемся списке при нажатии на него. Ниже html для этого элемента, который я использую:

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

Автоматический c раскрывающийся список предыдущих значений продолжает охватывать всплывающий календарь, который не позволяет пользователю выбрать дату. На рисунке ниже показано раскрытие предыдущих значений, которые мне нужно прекратить показывать, когда пользователь щелкает поле:

Заранее спасибо.

Answer 1

Когда пользователь начинает вводить в поле формы HTML, браузеры по умолчанию включают функцию автозаполнения. Многие пользователи позволяют своим браузерам собирать данные форм, позволяя в будущем использовать автозаполнение в формах.

Чтобы отключить или включить автозаполнение текста в формах, используйте атрибут автозаполнения элементов <input> и <form>. Этот атрибут содержит два значения:

1. on (указывает, что автозаполнение включено, это значение по умолчанию)
2. off (указывает, что автозаполнение отключено)

Это можно сделать в <form> для полной формы или для определенных c <input> элементов:

1. Добавьте autocomplete = "off" в элемент <form>, чтобы отключить автозаполнение для всей формы.
2. Добавьте autocomplete = "off" для указанного c <input> элемента формы.

Пример:

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