¿Cómo definir el método HTTP para enviar datos a la URL de acción en HTML5?

En este artículo, aprenderemos a definir un método HTTP para enviar datos a la URL de acción. El atributo de método se utiliza para indicar cómo se pueden enviar los datos del formulario al servidor dado en la URL de acción . Los datos del formulario se pueden enviar utilizando el método GET o POST según el requisito.

Las diferencias entre el método GET y POST se definen a continuación:

1. Método OBTENER

  • Los datos del formulario se envían en pares de nombre/valor en la URL.
  • La URL tiene una longitud limitada a unos 3000 caracteres.
  • La información confidencial, como las contraseñas, no debe enviarse mediante el método GET, ya que sería visible en la URL de la solicitud.

2. Método POST

  • Los datos del formulario se adjuntan dentro del cuerpo de la solicitud HTTP.
  • No hay restricciones en el tamaño de los datos debido a esto.
  • Los datos confidenciales podrían enviarse utilizando este método, ya que no están visibles en la URL de la solicitud.

Sintaxis:

<form method="get|post">

Los siguientes ejemplos demuestran el envío de datos utilizando los métodos disponibles:

Ejemplo 1: Usando el método GET.

HTML

<html>
<body>
<h1 style="color: green;">
  GeeksforGeeks
</h1>
<form action="form.php" method="get"
      target="_blank">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name">
  <br><br>
  <label for="age">Age:</label>
  <input type="number" id="age" name="age">
  <br><br>
  <input type="submit" value="Submit">
</form>
</body>
</html>

Producción:

Ejemplo 2: Usando el método POST.

HTML

<html>
<body>
<h1 style="color: green;">
  GeeksforGeeks
</h1>
<form action="form.php" method="post"
      target="_blank">
  <label for="name">Name:</label>
  <input type="text" id="name" name="name">
  <br><br>
  <label for="age">Age:</label>
  <input type="number" id="age" name="age">
  <br><br>
  <input type="submit" value="Submit">
</form>
</body>
</html>

Producción:

Publicación traducida automáticamente

Artículo escrito por priyavermaa1198 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 *