Los formularios HTML son una de las formas más básicas de agregar interactividad a su sitio web. Puede hacer preguntas y solicitar respuestas a sus lectores, proporcionar información adicional desde bases de datos, configurar juegos y más. Hay una serie de elementos HTML que puede utilizar para crear sus formularios. Y una vez que haya creado su formulario, hay muchas formas diferentes de enviar esos datos al servidor o simplemente iniciar la ejecución de la acción del formulario.
Estas son varias formas en que puede enviar sus formularios:
-
- Este es el método más común para llevar datos al servidor, pero puede ser muy simple.
-
- El uso de una imagen hace que sea muy fácil hacer que su botón de envío se ajuste al estilo de su sitio. Pero algunas personas podrían no reconocerlo como un botón de envío.
-
- El botón
ENTRADA La etiqueta da muchas de las mismas opciones que la imagen.
ENTRADA etiqueta, pero se parece más al tipo de envío estándar. Requiere JavaScript para activarse.
- El botón
-
- los
BOTÓN La etiqueta es un tipo de botón más versátil que el
ENTRADA etiqueta. Esta etiqueta requiere Javacript para activar.
- los
- los
MANDO element es nuevo en HTML5 y proporciona una forma de activar scripts y formularios con acciones asociadas. Se activa con JavaScript.
- los
El elemento ENTRADA
La entrada
ENTRADA El elemento es la forma más común de enviar un formulario, todo lo que hace es elegir un tipo (
botón,
imageno
enviar) y si es necesario, agregue algunos scripts para enviar a la acción del formulario.
los El elemento puede escribirse así. Pero si lo haces, tendrás diferentes resultados en diferentes navegadores. La mayoría de los navegadores hacen un botón que dice "Enviar", pero Firefox hace un botón que dice "Enviar consulta". Para cambiar lo que dice el botón, debe agregar un atributo:
value = "Enviar formulario">
El elemento está escrito así, pero si deja de lado todos los demás atributos, todo lo que se mostrará en los navegadores es un botón gris vacío. Para agregar texto al botón, use la
valoratributo. Pero este botón no enviará el formulario a menos que use JavaScript.
onclick = "submit ();">
El es similar al
botóntipo, que necesita un script para enviar el formulario. Excepto que en lugar de un valor de texto, debe agregar una URL de origen de imagen.
El elemento de botón
los
BOTÓNel elemento requiere una etiqueta de apertura y una etiqueta de cierre. Cuando lo uses, cualquier contenido que incluyas dentro de la etiqueta se incluirá en un botón. A continuación, se activa el botón con un script.
Enviar formulario
Puede incluir imágenes en su botón o combinar imágenes y texto para crear un botón más interesante.
El elemento de comando
los
MANDOEl elemento es nuevo con HTML5. No requiere un
FORMAR para ser utilizado, pero puede actuar como un botón de envío para un formulario. Este elemento le permite crear más páginas interactivas sin requerir formularios a menos que realmente necesite formularios. Si desea que el comando diga algo, escriba la información en un
etiquetaatributo.
label = "Enviar formulario">
Si desea que su comando sea representado por una imagen, use la
iconoatributo.
icon = "submit.gif">
Los formularios HTML tienen varias formas diferentes de enviar, como lo ha aprendido en la página anterior. Dos de esos métodos son los
ENTRADAetiqueta y el
BOTÓNetiqueta. Hay buenas razones para usar estos dos elementos.
El elemento de entrada
La etiqueta es la forma más fácil de enviar un formulario. No requiere nada más allá de la etiqueta en sí, ni siquiera un
valorCuando un cliente hace clic en el botón, se envía automáticamente. No es necesario que agregue ningún script, los navegadores saben que deben enviar el formulario cuando se envíe
ENTRADASe hace clic en la etiqueta.
El problema es que este botón es muy feo y sencillo. No puedes agregarle imágenes. Puede diseñarlo como cualquier otro elemento, pero aún puede sentirse como un botón feo.
Utilizar el
ENTRADAMétodo cuando su formulario debe ser accesible incluso en navegadores que tienen JavaScript desactivado.
El elemento del botón
los
BOTÓNElement ofrece más opciones para enviar formularios. Puedes poner cualquier cosa dentro de un
BOTÓNElemento y convertirlo en un botón de envío. Más comúnmente la gente usa imágenes y texto. Pero podrías crear un
Div y haz que todo sea un botón de enviar si quisieras.
El mayor inconveniente de la
BOTÓNEl elemento es que no envía automáticamente el formulario. Esto significa que debe haber algún tipo de script para activarlo. Y por eso es menos accesible que el
ENTRADAmétodo. Cualquier usuario que no tenga activado JavaScript no podrá enviar un formulario con solo un
BOTÓNElemento para enviarlo.
Utilizar el
BOTÓNMétodo en formularios que no son tan críticos. Además, esta es una excelente manera de agregar opciones de envío adicionales dentro de un formulario.
