Html <form> atributos de la etiqueta | Explicado

Salvador Anaya

Cuando visitamos un sitio, una de las cosas observadas más frecuentemente en cada sitio web es "formularios" como formularios de inicio de sesión, formularios de registro, formularios de inscripción de datos, etc. y para este propósito, HTML proporciona un Etiqueta para recopilar los datos/información del usuario. El La etiqueta en sí no puede enviar los datos en ninguna parte para procesar los datos del formulario, podemos usar diferentes atributos como acción, método, etc.

Este artículo proporcionará una guía completa para crear un formulario y, en este sentido, tenemos que comprender el concepto de los siguientes atributos de formulario:

Cómo utilizar acción atributo en html
Cómo utilizar método atributo en html
Cómo utilizar objetivo atributo en html
Cómo utilizar autocompletar atributo en html

Cómo usar el atributo de acción en formularios HTML

Determina qué acción se realizará en la presentación del formulario I.mi. Especifica una URL a la que se enviarán los datos del formulario. El ejemplo dado a continuación le permitirá comprender cómo acción Atributo funciona

Ejemplo

En el código dado a continuación, creamos un archivo HTML llamado FormSAttribute.html

Dentro de la etiqueta especificamos el acción atributo.
El atributo de acción contiene la dirección de otro archivo HTML llamado "FormsResult.html "
Creamos dos campos para el nombre y la contraseña.
A continuación, creamos un botón llamado "enviar" en el "FormsAttribute.archivo html ".
Al hacer clic en el botón Enviar nos desvía al "Formst.archivo html "

formsattribute.html

from.html

Los datos de formularios enviados desde FormSAttribute.El archivo HTML se mostrará en los formularios.Archivo HTML:

Volver a Formattributes.archivo html

La ejecución exitosa del código muestra el siguiente resultado:

Observe la URL del archivo, haciendo clic en el botón Enviar enviará los datos escritos en los campos de texto a los formularios.archivo html y muestra el siguiente resultado:

Observe la diferencia entre ambas URL:

Cuando hacemos clic en el botón "Enviar", nos lleva a los "Formularios.archivo html ".
Mostrar el contenido del "FormsAttribute.El archivo html "verifica que el atributo de acción funcione correctamente.

Cómo usar el atributo de método en formularios HTML

Determina cómo se enviarán los datos del formulario y, para este propósito, utiliza el método get o el método de publicación.

Obtener método

Agrega los datos del formulario dentro de la URL y utiliza el signo de interrogación para separar los diferentes parámetros. Si no mencionamos el atributo de método en la etiqueta de formulario, de forma predeterminada establecerá el Conseguir método.

Ejemplo

Como se muestra en el ejemplo anterior, no mencionamos ningún método, por lo tanto, de forma predeterminada envía los datos utilizando el conseguir método. El fragmento dado a continuación explicará cómo usar el conseguir método:

formsattribute.Html

El fragmento arriba muestra la siguiente salida:

Especificamos "Nombre del estudiante" y "Contraseña" como "Joe" y "Joe@123" respectivamente y, como resultado, obtenemos el siguiente resultado:

La URL elabora los siguientes puntos:

Estás en las formas.archivo html
El nombre y la contraseña se adjuntan en la URL que verifica que se utiliza el método GET.

Método de publicación

Envía los datos al servidor por separado i.mi. Agrega los datos en el cuerpo de la solicitud de HTTP en lugar de la URL. Es útil cuando tenemos que almacenar datos confidenciales en el servidor.

Ejemplo

La siguiente pieza de código lo ayudará a comprender cómo usar el correo método:

Las formas.El archivo html "seguirá siendo el mismo, la única diferencia será en el atributo de formularios I.mi. Usaremos el correo método:

formsattributes.html

De esta manera, los datos se publicarán y no aparecerán en la URL.

Cómo usar el atributo de destino en formularios HTML

Especifica la ventana/pestaña específica para mostrar el resultado i.mi. Determina que el resultado se mostrará en la pestaña actual o una nueva pestaña. Puede tomar _elf, _parent, _top y _blank valor. El _blanco mostrará el resultado en la nueva pestaña.

Ejemplo En este ejemplo usaremos el _blanco valor para el objetivo atributo para mostrar el resultado en la nueva pestaña:

El siguiente será la salida del código anterior:

Al hacer clic en el botón Enviar se mostrará el resultado en una nueva pestaña:

Cómo usar el atributo automático en formularios HTML

Como el nombre en sí mismo sugiere que el atributo autocompletado determina si los valores deben completarse automáticamente o no. Por ejemplo, el "autocomplete = on"Determina que cualquier cosa que ingrese un usuario será recordado para uso futuro.

Ejemplo Consideremos la siguiente pieza de código para comprender cómo usar el atributo de autocompletado:

El código anterior establece el valor de autocompletar como encendido y produce la siguiente salida:

Una vez que llenó los campos respectivos y envió los datos, actualice la página, puede verificar que el autocompleto muestra datos ingresados anteriormente como sugerencia.

La salida verifica que el atributo autocompletado funcione adecuadamente.

Conclusión

Los atributos de HTML determinan cómo procesar los datos del formulario i.mi. el acción El atributo determina la acción que se realizará en el envío del formulario, el método El atributo determina cómo enviar los datos del formulario i.mi. El método GET se agregará en la URL o el método de publicación se agregará en el cuerpo de la solicitud de HTTP. Además, el atributo de destino especifica la pestaña/ventana dirigida, y el atributo de autocompletar determina si los datos ya ingresados deben recordarse para su uso posterior o no.

Programación de bash

Cómo contar el número de líneas en la salida terminal en Bash

El número de líneas en la salida del terminal se puede contar utilizando los comandos WC, GREP y AWK...

Pilar Alemán

Debian

Cómo instalar paquetes con Flatpak en Debian Top 10

Flatpak es un administrador de paquetes moderno que se puede instalar en Debian desde el repositorio...

Carolina Guzmán

OS de Windows

USB mouse y teclado dejan de funcionar en Windows [arreglado]

Para solucionar el problema de trabajo del mouse y del teclado USB, verifique la falla del hardware,...

Andrés Barrientos