El atributo novalidate HTML5 hace que el elemento en cuestión no se valide al enviar el formulario, es decir, si el formulario HTML5 tiene varios input que disponen de validación automática por parte del navegador podemos anular esta validación por cada input.
Anteriormente repasé el atributo formnovalidate que es similar a novalidate, os explico la diferencia:
Vamos a ver la sintaxis de este atributo HTML5 extraída de su web oficial:
<input type="text" name="nombre" novalidate="true" />
Tal y como se aprecia en el código es muy sencillo meter el atributo en un input, los valores que puede tener son:
Los input en los que se puede usar este atributo son: color, date, email, password, range, search, tel, text, url, datetime, datetime-local, month, time y week.
Vamos con un sencillo ejemplo donde vamos a ver en funcionamiento el atributo:
<form name="formulario" id="formulario" action="002-ejemplo-atributo-novalidate-html5.php" method="POST"> Fecha de nacimiento (entre 1-1-2000 y 31-12-2014): <input type="date" name="dia" min="2000-01-01" max="2014-12-31" novalidate="true"> <input type="submit" value="Enviar"> </form> <form name="formulario2" id="formulario2" action="002-ejemplo-atributo-novalidate-html5.php" method="POST"> Fecha de nacimiento (entre 1-1-2000 y 31-12-2014): <input type="date" name="dia" min="2000-01-01" max="2014-12-31" novalidate="false"> <input type="submit" value="Enviar"> </form>
Os explico el ejemplo:
Es muy probable que al probar este ejemplo no os funcione el atributo ya que está pendiente de implementación por parte de la mayoría de navegadores.
En esta otra url tenéis todos los nuevos atributos HTML5 para inputs y formularios.
En esta url tenéis el listado completo de los nuevos input de HTML5.