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

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

0 голосов
/ 01 марта 2020

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

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

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

enter image description here

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

1 Ответ

1 голос
/ 01 марта 2020

Когда пользователь начинает вводить в поле формы 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"
     }
 })
...