Es posible establecer la «readonly» atributo de una entrada para mantenerlo editable?
Estoy haciendo un crucigrama y puedo cambiar mi función buscar/seleccionar una etiqueta utilizando el atributo diferente pero todavía me pregunto si es posible.
Gracias por la ayuda de antemano!
- Eh? Quieres hacer algo readonly para que sea editable? Esto no tiene sentido.
- si puedo conseguir que haga usted podría utilizar un poco de clase adicional para marcar los campos que no están vacías. o echar un vistazo a html5demos.com/contenteditable propiedad
Si el JavaScript
readOnly
se establece la propiedadtrue
(booleano, no una cadena), el control no será editable.Si el JavaScript
readOnly
se establece la propiedadfalse
(booleano, no una cadena), el control será editable.Si el HTML
readonly
atributo está presente, entonces elreadOnly
propiedad predeterminadatrue
.Si el HTML
readonly
atributo no está presente, entonces elreadOnly
propiedad predeterminadafalse
.JavaScript puede modificar el
value
propiedad de un control no importa de qué estado de lareadOnly
la propiedad.No hay manera de que un control a ser editado a través de la normal de la interfaz de usuario del explorador si se establece a
readOnly
(JavaScript consolas y DOM inspectores no son los normales de la interfaz de usuario).setAttribute
, que establece el atributo, no la propiedad. Para establecer la propiedad que usted haría:HTMLInputNode.readonly = false;
.HTMLInputNode.readonly = false
no funciona (peroHTMLInputNode.disabled = false
hace)readOnly
noreadonly
.El atributo
readonly
hace que el control de entrada editable por el usuario. Con javascript se puede cambiar su valor. Ajuste de lareadonly
atributo en javascript parafalse
no tiene ningún efecto para el usuario, la entrada seráreadonly
. Quitar el atributo, se representará la entrada editable por el usuario de nuevo.También se podría utilizar el
disabled
atributo, con dos diferencias: en el campo se muestra en gris, y puede conjunto de ladisabled
atributo directamente.Todo probado y/o demostrado en este jsfiddle [nota: actualizado]
setAttribute
(que yo no se para que), entonces usted debe utilizarsetAttribute('readonly', 'readonly')
yremoveAttribute('readonly')
.Sugiero usar el html5 compatible de datos – prefijo
datos readonly=»true»
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_data_attributes