lunes, 18 de enero de 2016

Formulario de prueba de HTML5

Módulo 4. Actividad 4.14


Formulario de prueba de HTML5

En código HTML5:


<!doctype html>

<html lang="es">

<head>

<meta charset="utf-8">
<title> Formulario de prueba de HTML5 </title></head>
<body>
<h1> Formulario de prueba de HTML5 </h1>
<form action="" method="get">
<p> Nombre: <input type="text" name="name_control" autofocus required/></p>
<p> Correo Electrónico: <input type="email" name="email_control" required/></p>
<p> URL: <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"/></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, max 10): <input type="number" name="number_control" min="-10" max="10" value="0"/></P>
<p> Teléfono: <input type="tel" name="tel_control"/></p>
<p> Término de búsqueda: <input type="search" name="search_control"/></p>
<p> Color favorito: <input type="color" name="color_control"/></p>
<p> <input type="submit" value="Enviar"/></p>
</form>
</body>
</HTML>

Y en Google Chrome se ve así:

Formulario de prueba de HTML5

Nombre: 
Correo Electrónico: 
URL: 
Fecha: 
Tiempo: 
Fecha y Hora: 
Mes: 
Semana: 
Número (min -10, max 10): 
Teléfono: 
Término de búsqueda: 
Color favorito: 

No hay comentarios:

Publicar un comentario