HTML Input Form Attributes
La ruta del desarrollador web frontend autónomo🤹♂️
Este artículo describe los diferentes atributos de
<form>para el elemento<input>.
El atributo form
El atributo <form> especifica el formulario al que pertenece el elemento <input>.
El valor de este atributo debe ser igual al atributo id del elemento <form> al que pertenece.
Ejemplo:
El atributo formaction
El atributo <formaction> especifica la URL del archivo que procesará el input cuando se envíe el formulario.
Nota: Este atributo sobre escribe al atributo action del elemento <form>.
El atributo <formaction> funciona con los siguientes tipos: submit y image.
Ejemplo:
El atributo formenctype
El atributo formenctype especifica cómo se deben codificar los datos del formulario cuando se envían (solo para formularios con método post).
Nota: este atributo sobre escribe al atributo enctype del elemento <form>.
El atributo formenctype funciona con los siguientes tipos: submit y image.
Ejemplo:
El atributo formmethod
El atributo formmethod define el método HTTP para enviar datos de formulario a la URL de acción.
Nota: Este atributo sobre escribe el atributo method del elemento <form>.
El atributo formmethod funciona con los siguientes tipos: submit y image.
Los datos del formulario se pueden enviar como variables URL (método get) o como una transacción post HTTP (método post).
Método get:
Este método agrega los datos del formulario a la URL en pares de nombre/valor
Este método es útil para envíos de formularios en los que un usuario desea marcar el resultado
Hay un límite en la cantidad de datos que puede colocar en una URL (varía entre navegadores), por lo tanto, no puede estar seguro de que todos los datos del formulario se transfieran correctamente.
Nunca uses el método
getpara pasar información confidencial (la contraseña u otra información confidencial serán visibles en la barra de direcciones del navegador)
Método post:
Este método envía los datos del formulario como una transacción
postHTTPLos envíos de formularios con el método
postno se pueden marcarEl método
postes más robusto y seguro queget, ypostno tiene limitaciones de tamaño
Ejemplo:
El atributo formtarget
El atributo formtarget especifica un nombre o una palabra clave que indica dónde mostrar la respuesta que se recibe después de enviar el formulario.
Nota: Este atributo sobre escribe el atributo de destino (target) del elemento <form>.
El atributo formtarget funciona con los siguientes tipos: submit y image.
Ejemplo:
El atributo formnovalidate
El atributo formnovalidate especifica que un elemento <input> no debe ser válido cuando se envía.
Nota: Este atributo sobre escribe al atributo novalidate del elemento <form>.
El atributo formnovalidate funciona con los siguientes tipos: submit.
Ejemplo:
El atributo novalidate
El atributo novalidate es un atributo el elemento <form>.
Cuando está presente, novalidate especifica que todos los datos del formulario no deben validarse cuando se envían.
Ejemplo:
Resumen
Tenemos diferentes atributos del elemento <form> para el elemento HTML <input>, que podemos usarlo de acuerdo a las necesidades de cada proyecto.
Traducido con 💚 desde W3Schools.com