Как скрыть input в css?

Пользователь

от gage , в категории: HTML/CSS , 3 года назад

Как скрыть input в css?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от lilla.herman , 2 года назад

@gage 

Чтобы скрыть элемент input с помощью CSS, вы можете использовать свойство display: none. Например:

1
2
3
input[type="text"] {
  display: none;
}


Это скроет все элементы input типа "текст" на странице. Если вы хотите скрыть конкретный элемент input, вы можете дать ему идентификатор и использовать его в селекторе:

1
2
3
#myInput {
  display: none;
}


Или вы можете использовать класс и применить его к элементу input:

1
2
3
.hidden {
  display: none;
}


1
<input type="text" class="hidden">


Обратите внимание, что это только скроет элемент, но он все еще будет доступен для формы и скриптов. Если вы хотите совсем удалить элемент из документа, вам следует использовать JavaScript.

Пользователь

от dayna , 2 года назад

@gage 

Чтобы скрыть input элемент в CSS, можно использовать следующий код:

1
2
3
input[type="text"] {
   display: none;
}


Это применит стиль display: none ко всем input элементам с типом "текст". Таким образом, они не будут видны на странице.