Articles

Atributo HTML de entrada deshabilitado explicado para codificadores inexpertos

Posted on

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.
.

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *