HTML5 – Campo tipo Email

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn

HTML5 sigue revolucionando el mundo de la WEB y una de sus principales características son los nuevos tipos de campos que podemos utilizar en nuestro formulario, en este pequeño post, les hablaré del campo tipo email.

La sintaxis es idéntica al campo tipo texto, la única diferencia es que ahora el tipo es email.

<input type="email" name="user_email" />

Los navegadores que soportan este nuevo campo le añaden un mensaje de error por defecto, aquí les dejo una imagen de como se ve en Google Chrome.

Pueden añadir el atributo required de HTML5 para hacer que el navegador forcé al usuario a introducir algún texto en este campo.

<input type="email" name="user_email" required />

Estas nuevas características de HTML5 nos evitan el dolor de cabeza del uso de Javascript para las validaciones de los campos, lo que hace que la carga de nuestro sitio sea más rápida, delegando esta funcionalidad a los navegadores.

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8" />
        <title>PTYDev - HTML5 Email Input</title>
    </head>
    <body>
        <form action="" onsubmit="alert('Sample Form'); return false;">
            Email: <input type="email" name="user_email" required />
            <input type="submit" value="Test" />
        </form>
    </body>
</html>

Y tú, ¿Qué opinión tienes acerca de HTML5?

Te podría interesar
Visual Studio Code Plugins
Tips

Visual Studio Code Plugins

Visual Studio Code es un editor de código fuente altamente configurable que puede ser instalado tanto para Windows como Linux y macOS. Dentro de sus características esta el soporte para control de versiones, diferentes herramientas de depuración e instalar plugins de terceros.

Leer Más >>
Tecnología

Team Chat

En el desarrollo de un proyecto existen distintas herramientas que nos permiten realizar una tarea específica, como integración continua (CI); repositorios distribuidos; administración de tareas, todas estas herramientas pueden coexistir en un solo proyecto lo cual ha llevado los clientes de Chat desarrollar integraciones con cada una de ellas ofreciendo así una manera sencilla de que todos los involucrados en el proyectos pueden estar al tanto de lo que está sucediendo.

Leer Más >>
Tecnología

PaaS Plataforma como Servicio

Para todo aquel que desee desarrollar su primera aplicación Web y necesite de algún ambiente de pruebas, que sea altamente configurable, con soporte de certificados SSL, puede ir pensando en las plataformas como servicios (PaaS), para la Web, PaaS es el conjunto de herramientas que proporcionan un ambiente de desarrollo y pruebas.

Leer Más >>

Deja una respuesta

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