Input desactivado y solo de lectura

El input desactivado o «disable» y el input solo de lectura «readonly» a menudo se confunden pero son distintos.

<input type="text" name="inputname" value="datos a enviar" readonly>
<input type="text" name="inputname" value="datos a enviar" disabled>

En el primer caso, el input se mostrará como el resto de inputs pero no se podrá escribir en él.

En el segundo caso, el input se mostrará desabilitado y tampoco se podrá escribir en él.

En ninguno de los dos casos se podrá cambiar el valor.

Lo mismo es aplicable al resto de inputs: radiobuttons, checkboxes…

Autor
Escrito por Jose Aguilar - Director ejecutivo y tecnológico en JA Modules. Experto programador PrestaShop y Experto programador WordPress.
Te ha servido? Valora esta entrada!
(32 votos, promedio: 5 de 5)
Comparte en las redes sociales
¿Buscas trabajo de programador?

13 respuestas a “Input desactivado y solo de lectura”

  1. Lucidio dice:

    Hola Buen día

    Tengo un problema con el equipo en los campos de input automáticamente me esta colocando una letra y no deja escribir la información correctamente , por casualidad alguien le a sucedido esto en este campo e tenido que borrar esa letra varias veces la letra es esta wwwwwwwwwwwwww.

    Gracias .

    Lucidio wwwwwwwwww

  2. Carlos dice:

    Se puede dejar el campo activo y solo se inactive luedo que escriba un valor gracias

  3. Angel Paz dice:

    Hola. Tengo una pregunta: ¿Cómo hago para insertar el readonly en mi plantilla blogger. No me funcionó el intento que hice de la siguiente manera:

    textarea{readonly:false;cursor:disabled;clear:both;padding-top:10px; background:#f2f2f2;box-sizing:border-box;margin-bottom:5px;width:100%!important;border:1px solid #ccc;height:100%;}

    ¿Cual sería entonces el código a anexar dentro de mi plantilla?
    De antemano, gracias.

  4. Ray dice:

    Buenoooo, gracias

  5. dayana dice:

    perdon una consulta como puedo enviar por metodo post los valores de las cajas de texto que estan en disabled necesito que se envien gracias 🙂

  6. Bryan dice:

    me sirvio de mucho, gracias

  7. Camilo Monzón dice:

    excelente muchas gracias amigo !

  8. Johnny Chavez dice:

    gracias esta buscando pero cundo utilizas el disabled no puedes mandar por el metodo post

  9. Emiliano dice:

    Buenas, te agrego un dato importante en cuanto la diferencia de estos atributos…

    Con el Disabled justamente se deshabilita el control, por lo tanto no podran aplicarse enventos en onclick, onchange, onfocus, etc etc mediante javascript, en cambio con readonly si pueden utilizarse estos eventos.

    Saludos.-

  10. Ai Czelusniak dice:

    Great post, I think people should larn a lot from this web blog its very user friendly. So much wonderful information on here :D.

Deja una respuesta

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

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Ver más sobre