Uso del atributo placeholder en formularios HTML5

El atributo placeholder es seguramente uno de los más útiles y sencillos de aplicar en lo que se refiere a formularios HTML5. Se puede aplicar tanto a elementos input, como también a los textarea. ¿Cuál es su función? Es muy sencilla, muestra un texto temporal (por lo general en color) gris, dentro del campo en el cual se incluye el atributo.

A continuación veremos un ejemplo de como se implementa:

<input type="text" name="ciudad" placeholder="Escribe tu ciudad" />

Es soportado por la mayoría de los navegadores que admiten características de formulario HTML5. Para lograr compatibilidad total es recomendable recurrir a programación JavaScript o a plugins, como por ejemplo de jQuery.

Más sobre Diseño y desarrollo Web


Acerca de

Autor de los libros: Webmaster Profesional, HTML5: Comprenda el cambio y Apps HTML5 para móviles. Soy especialista en Diseño y Programación Web y Mobile. Colaboré como autor y editor de contenidos para revistas, colecciones y diversos medios digitales. Dicto capacitaciones y consultorías sobre lenguajes y herramientas de desarrollo Web

Un comentario en “Uso del atributo placeholder en formularios HTML5
  1. Guadalupe dice:

    Me interesa saber mas sobre formulario de HTML5, por favor publiquen mas info sobre esto.

    gracias

Deja un comentario

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

*


Cursos y capacitaciones para empresas y profesionales

  • HTML & CSS (maquetado web).
  • CSS3 & Responsive Web Design (diseño web adaptado a móviles y tablets).
  • Flexbox & Grids (técnicas modernas de CSS).
  • LESS & SASS (CSS preprocessors).
  • Responsive E-mail (diseño de emails multidispositivo).
  • Bootstrap (el framework de diseño más utilizado).
  • HTML5 (Nivel inicial y Avanzado + APIs).
  • PhoneGap/Cordova (Aplicaciones para Android e iOS basadas en lenguajes Web).
  • JavaScript (Nivel inicial y avanzado con ECMAScript 6).
  • jQuery (una de las librerías más famosas de JavaScript).
  • Angular (framework para construir aplicaciones Web con JavaScript).
  • PHP & MySQL (programación del lado servidor y bases de datos).

Encontrame en las redes sociales. Contactame.