Atributo de método de formulario HTML

El atributo de método de formulario HTML se usa para definir el método HTTP que se usa para enviar datos de formulario mientras se envía el formulario. GET y POST son los dos métodos HTTP más conocidos . Este atributo anula la función del atributo de método del elemento <form>

Etiquetas admitidas: 

Sintaxis:

<element formmethod="get|post">

Valores:

  • get: Es un valor por defecto. 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.
  • publicación: 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 1: El siguiente código demuestra el uso del atributo formmethod en el control HTML <input type=”submit”> . Consulte el resultado que se proporciona a continuación para una mejor comprensión. Observe la barra de direcciones de la nueva página web al hacer clic en «Enviar normalmente» y «enviar usando el método POST». Ambos son diferentes, uno muestra los detalles del usuario y el último oculta todos los detalles del usuario.

HTML

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

Producción:

Ejemplo 2: El siguiente ejemplo demuestra el atributo HTML formmethod=”get” usando el elemento button. Envía las entradas del usuario al archivo PHP «getDetail.php». Cuando el usuario hace clic en «Enviar usando el método de obtención», los valores se envían al archivo PHP, observe la barra de direcciones en el siguiente resultado.

HTML

<!DOCTYPE html>
<html>
 
<body style="text-align:center;">
 
    <h1 style="color:green;">
        GeeksforGeeks
    </h1>
 
    <h3>HTML formmethod get Attribute</h3>
    <form action="getDetail.php">
 
        User name:
        <input name="username"
            placeholder="Enter username">
 
        <br>
        <br> Profession:
        <input
            name="profession"
            placeholder="Enter profession">
        <br>
        <br>   
       
      <button formmethod="get">            
             Submit using get method
      </button>
 
    </form>
</body>
 
</html>

Producción:        

Navegadores compatibles:

  • Google cromo 9.0
  • Internet Explorer 10.0
  • Firefox 4.0
  • Safari 5.1
  • Ópera 10.6

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 *