Mixin SCSS para dar estilos a campos con atributo placeholder

Un sencillo mixin SCSS para darle color al texto del placeholder, distinto del que lleve el campo de formulario: @mixin input-placeholder($color) { &.placeholder {color: $color;} /* if not supported, Javascript should add class */ &:-moz-placeholder {color: $color;} /* Mozilla Firefox 4 to 18 */ &::-moz-placeholder {color: $color;} /* Mozilla Firefox 19+ */ &::-webkit-input-placeholder {color: $color;} […]

HTML 5: Atributo placeholder

Actualizado 2011-03-30: nuevos navegadores con soporte. Resulta muy habitual encontrarse con campos de texto que contienen un valor por defecto que ayuda al usuario a comprender que información debe introducir en dicho campo. El comportamiento habitual es que cuando el usuario activa el campo el texto desaparezca. Este es el estado antes de activar el […]

Javascript: establecer atributo readonly en campos de formulario

El atributo readonly se establece en Javascript mediante true o false: var campo = document.getElementById('campo_formulario'); campo.readOnly = true; // Se añade el atributo campo.readOnly = false; // Se quita el atributo Un detalle en el que hay que fijarse, ya que de ello dependerá que el script funcione, es la "O" mayúscula al especificar el […]

HTML y Accesibilidad: el atributo longdesc en imágenes

Actualizado 2 de junio de 2011. Cuando se utilizan imágenes en una web la práctica habitual es darles un texto alternativo mediante el atributo alt, o dejar vacío dicho atributo en el caso de que la función de la imagen sea meramente decorativa. Pero nos podemos encontrar con el caso de tener una imagen a […]

Personal dedicado a la gestión de contenidos: ¿Qué deben saber?

Un aspecto que debe cuidar una empresa cuando dispone de un sitio web es el del mantenimiento y creación de contenidos. Se suelen utilizar gestores de contenido, lo que facilita dicha tarea. Y es ahí donde pueden surgir problemas. ¿Quién se dedica a introducir y modificar los contenidos? Hay ocasiones, incluso en compañías enormes que […]

HTML y CSS: diferencias entre clases (class) e identificadores (id)

El atributo id El atributo id sirve para identificar de forma única a un elemento dentro de un documento HTML. El valor del atributo id de un elemento no puede repetirse en ningún otro atributo id del mismo documento. El id es la parte del selector CSS que más especificidad CSS da: un valor de […]

Atributos de idioma en HTML: lang y hreflang

El atributo lang El atributo lang sirve para definir el idioma del contenido de un elemento. Hay que definirlo en primer lugar en el elemento HTML, para definir el idioma del documento: <html lang="es"> Y una vez definido el idioma principal del documento, en todos aquellos elementos en los que su contenido sea distinto a […]

HTML: uso del atributo accesskey

Actualizado 2011-03-10. ¿En que elementos se usa? Lo primero que hay que saber es en que elementos puede utilizarse el atributo accesskey: a area button input label legend textarea Excepto a y area se trata de elementos de formulario. ¿Cómo funciona? Activando las teclas de acceso y pulsando la tecla de acceso (depende de cada […]