Botones HTML ocultos

Con los formularios de página web, puede capturar datos de los usuarios de su sitio, lo que suele ser un proceso vital en los sitios web de negocios. Algunos formularios web utilizan campos ocultos, en cuyo caso los elementos de entrada HTML se incluyen en el marcado de una página pero no son visibles para los usuarios. Hay un par de formas diferentes de incluir campos y botones ocultos en un formulario de página web, usando el elemento de entrada HTML con atributos de "tipo" particulares o, opcionalmente, usando el código CSS (hoja de estilo en cascada), a veces junto con el procesamiento de JavaScript.

Entradas HTML

Los formularios HTML utilizan elementos de entrada. Hay varios tipos diferentes de elementos de entrada, incluidos botones, casillas de verificación, campos de texto y más. El atributo "tipo" para un elemento de entrada determina su apariencia y función dentro de la página. Al establecer el atributo "tipo" de un elemento de entrada en "oculto" se crea un campo de formulario oculto. El siguiente ejemplo de marcado demuestra:

Esto crea un campo que funcionará como parte del formulario que se incluye pero que los usuarios no verán. Sin embargo, aunque este es un elemento de entrada de formulario oculto, no es un botón.

Visibilidad CSS

Para incluir un elemento de botón HTML que está oculto, los desarrolladores tienen algunas opciones. A menos que un elemento de entrada tenga el atributo "oculto" como "oculto", aparecerá de forma predeterminada dentro de la página. Para ocultar un elemento de entrada de cualquier otro tipo, los desarrolladores pueden usar el código CSS. Con este método, un desarrollador puede incluir un elemento de botón HTML o un elemento de entrada con "tipo" configurado en "botón" o "enviar". El desarrollador puede entonces diseñar el botón con código CSS, ocultándolo usando la propiedad de visibilidad de la siguiente manera:

input.hide {visibilidad: oculta; }

Esto funcionaría para el siguiente botón:

Funciones de JavaScript

Los botones que están ocultos no tienen funcionalidad predeterminada, ya que esto depende de que el usuario pueda verlos e interactuar con ellos. Dado que un usuario no puede hacer clic en un botón que no aparece dentro de la página, los desarrolladores necesitan usar las funciones de JavaScript para indicar cualquier acción que el botón normalmente iniciaría con los clics del usuario. Por ejemplo, una página podría usar una función de JavaScript, solicitada en algún otro evento, como que el usuario interactúe con otro elemento del formulario, para enviar los datos del formulario. Algunos formularios web también muestran y ocultan botones de entrada y otros elementos a medida que el usuario interactúa con un formulario.

Consideraciones

Aunque los campos y botones de formulario ocultos son adecuados en algunos casos, pueden ser poco confiables. En la mayoría de los casos, los desarrolladores crean resultados utilizables con elementos de entrada en sus estados predeterminados. La mayoría de los formularios se pueden estructurar exitosamente con campos, botones y otros elementos de entrada que son completamente visibles y funcionales de la manera en que los usuarios esperan que sean.