tag:blogger.com,1999:blog-6529515396162830855.post1858181627828890551..comments2014-01-17T18:08:50.634+01:00Comments on Apuntes y trucos de programación: HTML. CSS. input disabled - input readonlymugedochttp://www.blogger.com/profile/11466652570492005541noreply@blogger.comBlogger2125tag:blogger.com,1999:blog-6529515396162830855.post-87341929268698748482009-10-27T11:42:31.330+01:002009-10-27T11:42:31.330+01:00Tienes razón gu, sobra un espacio.
input[readonly...Tienes razón gu, sobra un espacio.<br /><br />input[readonly="readonly"] {<br /> background-color: #b5b5b5; <br />}<br /><br />Además del estilo para cada input también aprovechos señalar, que los <input disabled="disabled"/> no se envían por el POST y que los <input readonly="readonly"/> si que se envirán al servidor.<br /><br />Los readonly nos evitan que puedan jugar con nuestros campos hidden<br /><input type="hidden" name="idNoticia" readonly="readonly"/> al menos desde el Web Developer del firefox.<br /><br />Desde javascript es útil cambiar ciertos inputs a disabled para así enviar al servidor solo los parámetros imprescindibles. Muy útil para AJAX (XHR)mugedochttps://www.blogger.com/profile/11466652570492005541noreply@blogger.comtag:blogger.com,1999:blog-6529515396162830855.post-24704083828345161742009-10-21T11:26:04.279+02:002009-10-21T11:26:04.279+02:00Gracias por la info, pero sobra el espacio entre e...Gracias por la info, pero sobra el espacio entre el nombre de la etiqueta y el selector, además para especificar 2 veces el mismo estilo puedes simplificar a una linea<br /><br />input[disabled], input[readonly] { background:#CCC; }<br /><br />Incluso si quieres el mismo estilo para todos los elementos desactivos:<br />*[disabled], *[readonly] { background:#CCC; } {}guhttps://www.blogger.com/profile/16160244907705598450noreply@blogger.com