deshabilitado vs. readonly
Los atributos disabled
y readonly
tienen efectos similares – de hecho, se ven igual desde la perspectiva del usuario. En ambos casos, lo que el usuario ve es un campo ligeramente «en gris», sobre el que no se puede hacer clic ni editar.
<form> <label for="disabled">Disabled</label><br> <input name="disabled" value="disabled" disabled> <br><br> <label for="readonly">Readonly</label><br> <input name="readonly" value="readonly" readonly></form>
Deshabilitado
Sólo lectura
Sin embargo, son diferentes y usar el equivocado puede causar problemas.
Si un campo es disabled
, el valor del campo no se envía al servidor cuando se envía el formulario. Si un campo es readonly
, el valor se envía al servidor.
Sugerencia: Si hay alguna razón por la que _realmente_ no quieres que el valor de un campo en particular se incluya en una solicitud de envío de un formulario, es posible que quieras revisar el manejo de tu formulario del lado del servidor. Es posible que un usuario malintencionado anule el atributo
disabled
del formulario y envíe los datos que quiera. Esto es cierto para cualquier elemento, en realidad – nunca te olvides de considerar la validación y sanitización del formulario del lado del servidor.Adam es un escritor técnico que se especializa en documentación y tutoriales para desarrolladores.
.