¿Qué atributos tiene la etiqueta «form»?

La etiqueta <form> en HTML posee varios atributos que controlan su comportamiento y cómo se envían los datos. Aquí te presento los más importantes:

1. action:
2. Especifica la URL a la que se enviarán los datos del formulario cuando el usuario lo envíe. Si este atributo se omite, los datos se envían a la URL de la página actual.
   <form action="/procesar-datos">
3. method:
   Define el método HTTP que se utilizará para enviar los datos.
   Los valores más comunes son:
   • GET: Los datos del formulario se añaden a la URL especificada en el atributo action como una cadena de consulta (query string). Es el método por defecto si no se especifica. Útil para formularios de búsqueda o cuando los datos no son sensibles.
   
   
   • POST: Los datos del formulario se envían en el cuerpo de la petición HTTP. Es más seguro para enviar información sensible (como contraseñas) y permite enviar mayor cantidad de datos, además de archivos. <form action="/registro" method="post">
4. enctype:
   Especifica cómo se deben codificar los datos del formulario antes de enviarlos al servidor, especialmente cuando method es POST.
   Los valores principales son:
   • application/x-www-form-urlencoded: Valor por defecto. Todos los caracteres se codifican antes de ser enviados (los espacios se convierten en «+», los caracteres especiales se convierten a valores hexadecimales ASCII).
   • multipart/form-data: Necesario si el formulario incluye campos de subida de archivos (<input type="file">).
   • text/plain: Los datos se envían sin ninguna codificación. No se recomienda su uso general.
5. novalidate:
   Es un atributo booleano. Si está presente, indica que el formulario no debe ser validado por el navegador al enviarse. Esto te permite implementar tu propia lógica de validación con JavaScript sin interferencias.
   <form action="/suscribir" method="post" novalidate>
6. target:
   Especifica dónde mostrar la respuesta recibida después de enviar el formulario. Es similar al atributo target de los enlaces (<a>).
   Algunos valores son:
   • _self: (Valor por defecto) Carga la respuesta en el mismo marco o ventana.
   • _blank: Carga la respuesta en una nueva ventana o pestaña.
   • _parent: Carga la respuesta en el marco padre.
   • _top: Carga la respuesta en el cuerpo completo de la ventana.
7. autocomplete:
   Controla si el navegador puede autocompletar los campos del formulario. Puede tener los valores on (por defecto, permite autocompletar) u off (desactiva el autocompletado para el formulario). También se puede aplicar a campos individuales.

Estos son los atributos que más utilizarás. Conocerlos bien te permitirá gestionar tus formularios de manera eficaz.