Con HTML5 llegaron muchas nuevas etiquetas y atributos, y se nota que en la W3C se esforzaron en la captura de datos. Los formularios tuvieron muchas mejoras y en este artículo mostraré como manipular un útil atributo: placeholder.

Placeholder permite integrar un texto predefinido dentro de un campo de texto (). En general este texto ya tiene un estilo según el browser que utilizamos y se acomoda a utilizar este estilo preexistente:

Pero hay una propiedad CSS -propietaria- que permite cambiar el estilo al texto que ingresas a través de placeholder:

input::-webkit-input-placeholder {<br />
  color: red;<br />
}<br />
input:-moz-placeholder {<br />
  color: red; <br />
}<br />
input:-ms-input-placeholder { <br />
  color: red; <br />
}