Forma Acción Javascript

| | | | | | | | | | | | | | | | | | | | | | |

El atributo de acciòn de formulario HTML define lo que deberìa suceder con los datos cuando se envìa un formulario en una página web. El valor del atributo de acciòn debe ser la URL del recurso web que procesará el contenido del formulario.

Al crear formularios y solicitar datos en su sitio o aplicaciòn web, usted " a menudo quieres hacer algo con tus datos, ¿verdad? Aquì es donde entra en juego el atributo de acciòn de formulario.

Debe conocer los conceptos básicos de crear un formulario en HTML . Básicamente, envuelve el contenido del formulario en "form" elemento. En la etiqueta de apertura hay un par de atributos que podemos usar, y uno de ellos es la acciòn.

El atributo de acciòn se usa para especificar dònde queremos enviar los datos del formulario cuando se envìa el formulario. Entonces, el valor de la acciòn es la página que procesará el formulario.

Atributo de acciòn de formulario HTML

El atributo de acciòn de formulario HTML indica la URL que procesará el contenido de un formulario. Debe asegurarse de que el recurso web al que apunta el atributo de acciòn acepte cualquier método que haya especificado en su " método " atributo.

Echemos un vistazo a la sintaxis del atributo de acciòn:

El atributo action aparece entre nuestra "form" etiqueta. Este atributo se utiliza a menudo con el atributo de método.

De forma predeterminada, el atributo de método se establece en " get & rdquo ;. Esto significa que su formulario enviará datos a través de una solicitud HTTP GET cuando se envìe. Puede cambiar el método especificando " method = " post ’" en su "form" etiqueta.

Los datos de un formulario se envìan a la URL de " acciòn " cuando se hace clic en un botòn de envìo.

Ejemplo de HTML de acciòn de formulario

Echemos un vistazo a un ejemplo:

Arriba, la acciòn es enviar el nombre de usuario y los datos del correo electrònico a una página llamada process.html. El nombre de usuario y los datos del correo electrònico tienen la entrada escriba " texto & rdquo ;. Definimos un botòn con el tipo de entrada " enviar & rdquo ;. Al hacer clic, este botòn se encontrar nuestros datos en nuestra " acciòn " URL.

Ahora ingrese el ejemplo de formulario anterior en un archivo HTML real. Luego cree otro archivo llamado process.html en la misma carpeta. Este archivo debe tener el siguiente contenido:

Este còdigo define una página web simple que muestra un párrafo de texto cuando se carga la página. Regresemos a nuestro formulario web que definimos anteriormente y complételo:

’Captura

Con este ejemplo, usted podrìa pensar que esto no es muy √∫til. Eso es verdad. Por lo general, el atributo de acciòn se utiliza para enviar contenido de formularios a las páginas del servidor. Por ejemplo, podrìamos usar un archivo PHP llamado process.php.

Este process.php hará toda la magia con los datos. Esta página podrìa guardar nuestros datos en una base de datos o registrarlo en su evento favorito, lo que sea. PHP es un potente lenguaje de programaciòn de servidores, que se utiliza a menudo en el desarrollo web. Si alguna vez usò WordPress, probablemente los datos que se procesan se realizan a través de PHP.

Para obtener más informaciòn sobre PHP, consulte nuestra guìa de còmo aprender PHP .

¿Es obligatorio el atributo de acciòn?

En HTML4, la respuesta serìa sì. Hoy en dìa, con HTML5, no es necesario que especifique un atributo de acciòn. Si tiene una etiqueta de formulario sin un atributo de acciòn, los datos se enviarán a su propia página.

¿Por qué harìamos esto? Con el nacimiento de las aplicaciones de una sola página (SPA), Es posible que desee procesar los datos de nuestro formulario usando JavaScript. O puede que deseemos procesar nuestros datos usando otro marco como React / Angular.

Si usamos Vanilla JavaScript, a menudo lo hacemos agregando un detector de eventos de JavaScript cuando se ha enviado el formulario.

Conclusiòn

El atributo de acciòn de formulario HTML define lo que sucede con el contenido de un formulario cuando se envìa el formulario. El atributo de acciòn acepta una URL como argumento.

¿Está interesado en convertirse en desarrollador web? Consulte nuestra guìa completa de còmo aprender HTML . Encontrará consejos de expertos sobre el aprendizaje de HTML, asì como una lista de los mejores cursos y recursos de aprendizaje en lìnea.