Actividad 14. Módulo 4

<!doctype html>

<html= lang="es">

<head>

<meta charset="utf-8">

<title>Formulario de prueba de HTML5</title>

</head>

<body>

<h1>Nuevas características de HTML en formularios</h1>

<p>Este es un ejemplo sobre las nuevas características en HTML en formularios</p>

<form action method="GET">

<p>Nombre:<input type="text" name="nombre"
placeholder="Escribe aquí tu nombre" maxlength="20"
autofocus
required />
</p>

<p>Email:<input type="email" name="email control"
placeholder="ejemplo@email.com"
required />
</p>


<p>U.R.L.:<input type="url" name="url control"
placeholder="Escribe la URL de tu página web personal"/>
</p>

<p>Fecha:<input type="date" name="date control"
placeholder="Las fechas que quieres"/>
</p>

<p>Tiempo:<input type="time" name="time control"/>
</p>

<p>Fecha y hora:<input type="datetime" name="datetime control"/>
</p>

<p>Mes:<input type="month" name="month control"/>
</p>

<p>Semana:<input type="week" name="week control"/>
</p>

<p>Número (min -10, máx 10:<input type="number" name="number control" min="-10" max="10" value="0"/>
</p>

<p>Teléfono:<input type="tel" name="tel control" maxlength="13"/>
</p>

<p>Términos de búsqueda:<input type="search" name="search control"/>
</p>

<p>Color:<input type="color" name="color control" value="#6g34ee"/>
</p>


<input type="submit" value="Enviar"/>


</form>



</body>
</html>

Comentarios