¿Qué es el atributo formmethod en el formulario HTML?

¿Qué es el atributo formmethod?

El atributo formmethod en HTML se usa para definir una técnica HTTP que especifica cómo enviar datos de formulario al servidor backend. Este atributo se aplica en <button>, <input type= “submit”> y <input type=”image”>. Anula la característica del atributo de método del elemento <form>. 

¿Cómo enviar datos?

Los datos se pueden enviar al servidor utilizando las variables de URL utilizando el método GET y como una publicación HTTP utilizando el método POST. 

¿Qué es el método GET y POST?

  • Método GET: en el método GET, después de enviar el formulario, los valores del formulario serán visibles en la barra de direcciones de la nueva pestaña del navegador. Tiene un tamaño limitado de unos 3000 caracteres. Solo es útil para datos no seguros, pero no para información confidencial. Admite Marcar el resultado. No se puede utilizar para enviar datos binarios.
  • Método POST: en el método de publicación, después de enviar el formulario, los valores del formulario no serán visibles en la barra de direcciones de la nueva pestaña del navegador como lo fueron en el método GET. Agrega datos de formulario dentro del cuerpo de la solicitud HTTP. No tiene limitación de tamaño. Este método no admite el marcado del resultado.

Ejemplo: 

HTML

<!DOCTYPE html>
<html>
  
<head>
    <title>
        What is formmethod Attribute in HTML?
    </title>
  
    <style>
        h3 h2 {
            font-family: impact;
        }
    </style>
</head>
  
<body style="text-align: center;">
    <h1 style="color: green;">
        GeeksforGeeks
    </h1>
  
    <h3>What is formmethod Attribute in HTML?</h3>
      
    <form action="#" id="users" action="#" 
        method="GET" target="_blank">
  
        User_id:
        <input type="email" name="email" 
            placeholder="Emter Email Id" />
        <br /><br />
  
        Password:
        <input type="password" name="pword" 
            placeholder="Enter Password" />
        <br /><br />
  
        <input type="submit" 
            value="Submit using GET method" 
            formmethod="get" />
  
        <input type="submit" formaction="#" 
            value="submit using POST method" 
            formmethod="post" />
    </form>
</body>
  
</html>

Producción:

Envíe el formulario utilizando el método POST:

Envíe el formulario utilizando el método GET:

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 *