validar datos de formulario con HTML5 sin javascript

Aprende como validar los datos de un formulario con HTML

Para poder validar los campos de un formulario con HTML5 sin necesidad de utilizar javascript solo necesitas poner la propiedad “required” dentro de cada campo.

En el siguiente código lo puedes ver ….  😉

Valido el campo para el nombre que sea obligatorio y el campo del correo para que sea un correo y sea obligatorio.

Al pulsar en el botón, si no se han escrito datos en los campos del formulario, aparece una pequeña indicación que indica que es obligatorio escribir algo ….

<form>
Nombre: <input type="text" required /> 
Correo: <input type="email" required /> 
<input type="submit" />
</form>

Y como puedes ver en este código, ademas si en lugar de poner la propiedad type en text, le pones email, validas que sea obligatorio y que han escrito un correo correcto..

Si quieres aprender todas las propiedades que puedes aplicar a un campo en un formulario, mirate este enlace oficias de HTML5