Formulario tipos de input . datetime,datetime-local,color,date,month,week,time,range.

Visualizar los ejercicios.



Hidden



<form action="" method="post">
<p><input type="hidden" name="gb" value="shopid:00135"></p>

<p> Cual es la mejor opcion</p>
<p>

<input type="radio" name="shop" value="a">a
<input type="radio" name="shop" value="b">b
<input type="radio" name="shop" value="c">c
</p>

<p><input type="reset"><input type="submit"></p>
<from>

Text.



<form action="cgi-bin/formsample.cgi" method="post">
<p>Nombre<input type="text" name="username"></p>
<p>Curso<input type="text" name="userid" value="A-"></p>
<p><input type="reset"><input type="submit"></p>



Search


<form action="" method="post">
<p><input type="search" name="search"  placeholder="nombre">
<input type="submit" value="Enviar"</p>


  </form>


tel ,url,email.


<form action="" method="post">
<p>telefono:  <input type="tel" name="tel"></p>
<p>Email:  <input type="email" name="email"></p>
<p>URL:  <input type="url" name="url"  value="http://"></p></form>



Password

<form action="" method="post">
<p><label>Nombre:  <input type="text" name="username"></label></p>
<p><label>Contrasena:  <input type="password" name="pass"></label></p>
<p> <input type="reset">  <input type="submit"> </p></form>



A partir de aquí serán visualizados en  opera  únicamente tal vez en chrome.

datetime,datetime-local,color,date,month,week,time,range.

<form action="cgi-bin/formsample.cgi" method="post">
<p>Fecha y hora:<input type="datetime" name="dt"></P>
<p>Fecha y hora local:<input type="datetime-local" name="dtl"></P>
<p>Color:<input type="color" name="cl"></P>
<p>Fecha:<input type="date" name="dd"></P>
<p>Mes:<input type="month" name="mm"></P>
<p>Semana:<input type="week" name="wk"></P>
<p>Hora:<input type="time" name="t" step="900"></P>
<p>Hora:<input type="range" name="grade" max="10" value"5"></P>
</form>

Tal vez te interese .

Microdatos .
Manifiesto
Herramientas para un sitio web mas rápido.
Canvas.
Nota adhesiva ,audio vídeo.
Editores para html5.

CSS3. Trabajar con Múltiples imágenes de fondo  .
Border-radius,Shadow  CSS3.

framework.
Evolución del html 
Enlaces librerías herramientas y compatibilidad con IE.

Internet mas rápida.
Contador de visitas personalizado para tu sitio.