1. Formularios Web
1.El elemento<form>
para expandirlos tantocomosea necesarioyproveerasílas funcionesactualmenteimplementadasen
aplicacionesweb.
<!DOCTYPE html>
<html lang="es">
<head>
<title>Formularios</title>
</head>
<body>
<section>
<form name="miformulario"id="miformulario"method="get">
<inputtype="text"name="nombre"id="nombre">
<inputtype="submit"value="Enviar">
</form>
</section>
</body>
</html>
2.tipo text
correspondíaa un email válido.Ahorael navegadorse hace cargo de esto con el nuevo
3.tipo email:
<inputtype="email"name="miemail"id="miemail">
4.Tipo search
El tiposearch (búsqueda) nocontrolalaentrada,essolounaindicaciónparalos navegadores.
<inputtype="search"name="busqueda"id="busqueda">
5.Tipo url
Este tipode campo trabajaexactamente igual que el tipo email peroesespecíficoparadireccionesweb.
<inputtype="url"name="miurl"id="miurl">
6.Tipo tel
Es solouna indicaciónparael navegadorencaso de que necesite hacerajustesde acuerdoal dispositivo en
el que la aplicaciónesejecutada.
<inputtype="tel"name="telefono"id="telefono">
2. 7.Tipo number
Comosu nombre loindica,el tipo numberessóloválidocuandorecibe unaentrada numérica. tepEl valor
de este atributodeterminael tamañoenel que el valorseráincrementadoodisminuidoencadapaso.
<inputtype="number"name="numero"id="numero"min=”0”max=”10”
step=”5”>
8.Tipo range
El tiporange usa losatributos miny max estudiadospreviamente paraconfigurarloslímitesdel rango.
Tambiénpuede utilizarel atributo stepparaestablecerel tamañoenel cual el valordel camposerá
incrementadoodisminuidoencadapaso.
<inputtype="range"name="numero"id="numero"min=”0”max=”10”
step=”5”>
9.Tipo date
. El calendariole permiteal usuarioseleccionarundíaque seráingresadoenel campojuntocon el restode
la fecha.
<inputtype="date"name="fecha"id="fecha">
10.Tipo week
Normalmente el valoresperadotiene lasintaxis 2011-W50 donde 2011es al año y 50 esel númerode la
semana.
<inputtype="week"name="semana"id="semana">
11.Tipo month
Similaral tipode campo previo,éste esespecíficoparaseleccionarmeses.Normalmenteel valoresperado
tiene lasintaxis año-mes.
<inputtype="month"name="mes"id="mes">
12.Tipo time
Normalmente el valoresperadotiene lasintaxis hora:minutos:segundos,perotambiénpuedesersolo
hora:minutos.
<inputtype="time"name="hora"id="hora">
13.tipo datetime
El tipode campo datetime espara ingresarfechay hora completa,incluyendolazonahoraria.
<inputtype="datetime"name="fechahora"id="fechahora">
14.Tipo color
predefinidasimilarparaseleccionarcolores.Normalmente el valoresperadoparaeste
campo esun númerohexadecimal,como#00FF00.
<inputtype="color"name="micolor"id="micolor">