viernes, 28 de julio de 2017

ejemplo practico de formularios html5

Aquí esta un ejemplo de formulario en html5,solo hay que copiarlo y verlo en un navegador.se ven los tipos de formulario nuevos de html5.


<!DOCTYPE HTML>

<html lang="es">

<head>
<title>Formulario de prueba html5</title>
<meta charsed="utf-8/>
</head>

<body>
<form method="get" action="" >

<p>
Nombre <input type="text" name="nombre" autofocus="" ><br /><br />
</p>
<p>
Email <input type email="email" required="" /><br/><br/>
</p>
<p>
url <input type="url" value="escribe la url de tu web" name="file:///G:/pruebaformulariohtml5.html"><br/><br/>
</p>
<p>
Fecha <input type="date" name="fecha"><br/><br/>
</p>
<p>
Tiempo <input type="time" name="tiempo"><br/><br/>
</p>
<p>
Fecha y hora <input type="datetime" name="fecha y hora"><br/><br/>
</p>
<p>
Mes <input type="month" name="mes"><br/><br/>
</p>
<p>
Semana <input type="week" name="semana"><br/><br/>
</p>
<p>
Numero <input type="number" name="numero" min="-10" max="10"><br/><br/>
</p>
<p>
Telefono <input type="tel" name="telefono"><br/><br/>
</p>
<p>
Busqueda <input type="search" name="busqueda"><br/><br/>
</p>
<p>
Color <input type="color" name="color"><br/><br/>
</p>
<p>
Enviar <input type="submit" value="enviar" name="enviar" /><br/><br/>
</p>
<p>
Borrar <input type="reset" value="borrar" />
</p>
</form>

</body>


</html>

No hay comentarios:

Publicar un comentario

imagenes html