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

Как запретить элементу 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
person Robertcode    schedule 01.03.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

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

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

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

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

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

Пример:

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