Curso HTML 8.1 Introducción a la etiqueta form y atributos action, method

8.1 Introducción a la etiqueta form y atributos action, method

La etiqueta form es el contenedor fundamental para agrupar controles de entrada (campos de texto, botones, casillas, etc.) y enviar datos al servidor web. Al definir un formulario, los dos atributos esenciales son action y method, que indican dónde y cómo se envían los datos.

Principales atributos de form

1. Atributo action

• Especifica la URL destino para el envío de datos.
• Si se omite, el navegador envía al mismo documento actual.
• Puedes usar rutas relativas para despliegues en distintos entornos.
• También admite esquemas especiales (mailto:).

2. Atributo method

• get:
  • Envía datos codificados en la cadena de consulta (query string).
  • No es seguro para información sensible (contraseñas, datos personales).
  • Es idempotente y cacheable; ideal para búsquedas o consultas.
  • Límite de tamaño de URL (~2 048 caracteres en navegadores).
• post:
  • Envía datos en el cuerpo de la petición HTTP.
  • Recomendado para datos sensibles o grandes cantidades de campos.
  • No se cachea por defecto; no aparece en el historial de URL.

Ejemplos de uso

1. Formulario de búsqueda (GET)

  
  Buscar:
  
  Enviar

2. Formulario de inicio de sesión (POST)

  Usuario:
  
  
  Contraseña:
  
  
  Iniciar sesión

3. Subida de archivos (POST + enctype)

  Selecciona un archivo:
  
  
  Subir

Buenas prácticas y consideraciones

• Valida siempre el lado servidor los datos recibidos en action para evitar inyecciones.
• Usa GET cuando lo que buscas sea reproducible y compartible vía URL.
• Emplea POST para operaciones que modifiquen datos o manejen información sensible.
• Para métodos HTTP diferentes (PUT, DELETE), a menudo se simulan mediante POST y un campo oculto:

  
  
    
    
    Actualizar
  
      

Con estos fundamentos, dominarás cómo y dónde enviar tus datos HTML, controlando el flujo de información entre cliente y servidor de manera efectiva.