Cómo usar el atributo Hidden de HTML

html

El atributo hidden es un atributo booleano de HTML se usa para ocultar elementos de la página. Los navegadores que soporten el atributo hidden no deberían mostrar los elementos que usen este atributo, siendo equivalente al uso de la propiedad display:none de CSS.

Por ejemplo, podrías usar el atributo hidden en el siguiente div para que no sea visible en el documento:

<div hidden></div>

El atributo hidden resulta útil cuando por ejemplo quieres ocultar ciertos elementos de un formulario HTML hasta que se cumplan ciertas condiciones.

El atributo hidden es ya soportado por la mayor parte de los navegadores:

  • Google Chrome: Desde la versión 6
  • Internet Explorer: Desde la versión 11
  • Mozilla Firefox: Desde la versión 4
  • Safari: Desde la versión 5.1
  • Opera: Desde la versión 11.1

Y esto ha sido todo.


Avatar de Edu Lazaro

Edu Lázaro: Ingeniero técnico en informática, actualmente trabajo como desarrollador web y programador de videojuegos.

👋 Hola! Soy Edu, me encanta crear cosas y he redactado esta guía. Si te ha resultado útil, el mayor favor que me podrías hacer es el de compatirla en Twitter 😊

Si quieres conocer mis proyectos, sígueme en Twitter.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

“- Hey, Doc. No tenemos suficiente carretera para ir a 140/h km. - ¿Carretera? A donde vamos, no necesitaremos carreteras.”