Как скрыть input без display: none

Можно использовать несколько CSS-свойств, чтобы скрыть input, сохраняя его доступность для форм и скринридеров:

.hidden-input {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

Этот подход:

1. Убирает элемент из потока документа (position: absolute)
2. Делает его практически невидимым (1px размер)
3. Сохраняет доступность для форм и скринридеров
4. Не ломает верстку (в отличие от visibility: hidden)

Альтернатива - opacity: 0, но элемент сохраняет свои размеры в потоке документа.