¿Cómo usar el atributo de formación en HTML?

En este artículo, aprenderemos cómo usar el atributo de formación en HTML. Básicamente, el atributo de información se utiliza para definir dónde enviar los datos del formulario después de enviar el formulario, comenzará el trabajo de formación. Anula la función del atributo de acción del elemento <form>. 

¿Por qué usamos el Atributo de formación? 

Supongamos que tenemos dos botones de envío en un formulario y ambos botones funcionan por separado y redirigen a otra URL de la página. Ambos botones envían datos a diferentes páginas.

Valores: Contiene la dirección física de la ubicación del archivo donde enviar los datos del formulario. 

Dos valores aceptables son:

  • URL absoluta: Apunta a la dirección completa de una página. Por ejemplo, «www.geeksforgeeks.org/data-structure»
  • URL relativa: Se utiliza para apuntar a un archivo dentro de una página web. Por ejemplo gfg.php

Ejemplo: 

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>
        How to use formAction Attribute im HTML ?
    </title>
</head>
  
<body style="text-align:center;">
    <h1>
        GeeksForGeeks
    </h1>
  
    <h2>
        How to use formAction Attribute in HTML?
    </h2>
  
    <form method="get" target="_self">
        Username:<input type="email" name=ename""><br><br>
        Password <input type="password" name="passwrd"><br>
          
        <input type="submit" value="submit for Java User" 
            formaction=
"https://practice.geeksforgeeks.org/courses/java-backend-live">
  
        <input type="submit" value="submit for python User"
            formaction=
"https://www.geeksforgeeks.org/python-programming-language/">
    </form>
</body>
  
</html>

Producción

  • Después de hacer clic en el botón Enviar para usuario de Java: 

  • Después de hacer clic en el botón Enviar para el usuario de python:

Publicación traducida automáticamente

Artículo escrito por ManasChhabra2 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta

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