Formularios, tipos de input's y validación con HTML5

Aquí os voy a enseñar algunos de los nuevos input que hay en el HTML5, que aunque a estas alturas ya no es nuevo, todavía hay mucha gente que no los conoce.

La verdad es que estos nuevos campos de formulario ayuda muchísimo a la hora de validar y de dar un toque más profesional a nuestros formularios.

Vamos a ver algunos ejemplos:

Nuevos input HTML5: 

• <input type="color" />

• <input type="date" />

•  <input type="datetime-local" />

• <input type="email" />

• <input type="month" />

• <input type="number" />

• <input type="range" />

• <input type="search" />

• <input type="time" />

• <input type="url" />

• <input type="week" />

Validación nativa con HTML5

Aparte de los inputs anteriores, que ya de por sí, sirven para validar (porque no te obliga a utilizar un formato concreto), también contamos con el atributo required, que al ser booleano no tenemos más que poner la palabra dentro del input, para hacer obligatorio que el campo esté relleno al momento de enviar el formulario.

Ejemplo:

• <input type="text" required />

También podemos usar el placeholder para guiar al usuario a poner lo que queremos que escriba o como lo queremos.

Ejemplo:

• <input type="email" placeholder="suemail@email.com" />

Y bueno, hasta donde mi memoria llega, quizás alla más, pero estos son quizás los que podemos usar más. ¡Un saludo a todos!

Si te gustó no olvides ayudarme a seguir creciendo compartiendolo en tus redes sociales favoritas. ¡Gracias!

Más articulos

Tweet

Escrito por Unknown

Si tienes alguna otra duda, o quieres comentar algo sobre el tema, te animo a que dejes un comentario. También puedes visitar nuestro foro. ¡Un saludo!