Как отключить автозаполнение для элемента select в HTML?

Отключение автозаполнения для элемента `<select>` в HTML может быть проблематичным, так как браузеры не всегда следуют указаниям `autocomplete="off"` для таких элементов. Однако вы можете попробовать несколько подходов, чтобы решить эту проблему.

### Подходы для отключения автозаполнения:

1. **Добавление кастомного атрибута `autocomplete`.** Для некоторых браузеров можно указать кастомные значения для атрибута `autocomplete`, что может помочь отключить автозаполнение. Например, вы можете использовать значение `new-password`, которое часто игнорирует автозаполнение:
   ```html
   <select autocomplete="new-password">
       <option value="">Выберите опцию</option>
       <option value="1">Опция 1</option>
       <option value="2">Опция 2</option>
   </select>
   ```

2. **Использование скрытого поля.** В некоторых случаях помогает добавление скрытого поля с использованием атрибута `autocomplete="off"` перед вашим селектом:
   ```html
   <input type="text" style="display:none;" autocomplete="off">
   <select autocomplete="off">
       <option value="">Выберите опцию</option>
       <option value="1">Опция 1</option>
       <option value="2">Опция 2</option>
   </select>
   ```

3. **Обертка в форму.** Если ваш селект находится внутри формы, попробуйте изменить атрибуты на самой форме. Например:
   ```html
   <form autocomplete="off">
       <select>
           <option value="">Выберите опцию</option>
           <option value="1">Опция 1</option>
           <option value="2">Опция 2</option>
       </select>
   </form>
   ```

4. **Использование уникальных имен полей.** Браузеры иногда запоминают значения по имени поля. Попробуйте установить уникальные имена для ваших полей, чтобы избежать подстановки значений:
   ```html
   <select name="unique_selection" autocomplete="off">
       <option value="">Выберите опцию</option>
       <option value="1">Опция 1</option>
       <option value="2">Опция 2</option>
   </select>
   ```

5. **Ошибки в кэшировании.** Если проблема сохраняется, попробуйте очистить кэш браузера, так как старые значения могут продолжать подставляться из кэша.

Эти методы не гарантируют 100%-ного отключения автозаполнения, так как поведение может отличаться в зависимости от браузера и его версии. Но они могут помочь минимизировать проблему.

Можно скрыть через autofill , scss: 
 
input,
textarea,
select {
  &:-webkit-autofill {
    background-color: transparent !important;
  }
}
 
 Браузер может сохранять данные из полей с одинаковыми именами, попробуйте изменить имя поля: 
 <Select name="fakeName"}/>