martes, 10 de mayo de 2016
jueves, 5 de mayo de 2016
Formulario con nuevos elementos HTML5
Código:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Formulario de prueba de HTML5</title>
</head>
<body>
<form action="" method="GET" >
<p>
<label for="nombre">Nombre</label>
<input type="text" name="nombre" id="nombre"
autofocus
required>
</p>
<label for="correo">Correo electrónico</label>
<input type="text" name="correo" id="correo"
required>
<p>
<p>
<label for="url">URL</label>
<input type="text" name="url" id="url"
placeholder="Escribe la URL de tu página web personal">
</p>
<p>
<label for="fecha">Fecha</label>
<input type="date" name="fecha" id="fecha">
</p>
<p>
<label for="tiempo">Tiempo</label>
<input type="time" name="tiempo" id="tiempo"/>
</p>
<p>
<label for="fechayhora">Fecha y hora</label>
<input type="datetime" name="fechayhora" id="fechayhora"/>
</p>
<p>
<label for="mes">Mes</label>
<input type="month" name="mes" id="mes"/>
</p>
<p>
<label for="semana">Semana</label>
<input type="week" name="semana" id="semana"/>
</p>
<p>
<label for="numero">Número (min. -10 max. 10</label>
<input type="number" name="numero" id="numero"
min="-10" max="10"/>
</p>
<p>
<label for="telefono">Teléfono</label>
<input type="tel" name="telefono" id="tel"/>
</p>
<p>
<label for="busqueda">Término de Búsqueda</label>
<input type="search" name="busqueda" id="busqueda"/>
</p>
<p>
<label for="color">Color favorito</label>
<input type="color" name="color" id="color"/>
</p>
<p>
<input type="submit" value="Enviar" />
</p>
</form>
</body>
</html>
Resultado:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Formulario de prueba de HTML5</title>
</head>
<body>
<form action="" method="GET" >
<p>
<label for="nombre">Nombre</label>
<input type="text" name="nombre" id="nombre"
autofocus
required>
</p>
<label for="correo">Correo electrónico</label>
<input type="text" name="correo" id="correo"
required>
<p>
<p>
<label for="url">URL</label>
<input type="text" name="url" id="url"
placeholder="Escribe la URL de tu página web personal">
</p>
<p>
<label for="fecha">Fecha</label>
<input type="date" name="fecha" id="fecha">
</p>
<p>
<label for="tiempo">Tiempo</label>
<input type="time" name="tiempo" id="tiempo"/>
</p>
<p>
<label for="fechayhora">Fecha y hora</label>
<input type="datetime" name="fechayhora" id="fechayhora"/>
</p>
<p>
<label for="mes">Mes</label>
<input type="month" name="mes" id="mes"/>
</p>
<p>
<label for="semana">Semana</label>
<input type="week" name="semana" id="semana"/>
</p>
<p>
<label for="numero">Número (min. -10 max. 10</label>
<input type="number" name="numero" id="numero"
min="-10" max="10"/>
</p>
<p>
<label for="telefono">Teléfono</label>
<input type="tel" name="telefono" id="tel"/>
</p>
<p>
<label for="busqueda">Término de Búsqueda</label>
<input type="search" name="busqueda" id="busqueda"/>
</p>
<p>
<label for="color">Color favorito</label>
<input type="color" name="color" id="color"/>
</p>
<p>
<input type="submit" value="Enviar" />
</p>
</form>
</body>
</html>
Resultado:
Suscribirse a:
Entradas (Atom)