3.4 Ejercicio 54

Crear formulario con estilos y validación

Cuerpo:

<body>

<h2>Formulario</h2>

<ul>

<label class="titulo" for="nombre">Nombre apellidos <span class="obligatorio">*</span></label>

<div>

<label for="nombre">Nombre</label>

</span>

<label for="ape1">Primer apellido</label>

</span>

<label for="apel2">Segundo apellido</label>

</span>

</div>

<p class="ayuda">No te olvides de escribir tu segundo apellido</p>

</li>

<label class="titulo" for="dire">Dirección <span class="obligatorio">*</span></label>

<div>

<label for="dire">Calle, numero, piso, puerta</label>

</span>

<label for="correo">Codigo postal</label>

</span>

<label for="municipio">Municipio</label>

</span>

<option value="zona1">Bizkaia</option>

<option value="zona1">Gipuzkoa</option>

<option value="zona1">Araba</option>

<option value="zona1">Nafarroa Garaia</option>

<option value="zona1">Behe Nafarroa</option>

<option value="zona1">Lapurdi</option>

<option value="zona1">Zuberoa</option>

<option value="zona1">Kantabria</option>

<option value="zona1">Herrioxa</option>

<option value="zona1">Kantabria</option>

<option value="zona1">Aragoi</option>

<option value="zona1">Gaztela</option>

<option value="zona1">Akitania</option>

<option value="zona1">Midi-Pyrénées</option>

<option value="zona1">Pirinio Garaiak<option>

</select>

</span>

<option value="estado1">España</option>

<option value="estado2">Francia</option>

<option value="estado3">Euskal Herria</option>

</select>

<label for="estado">Estado</label>

</span>

</div>

<p class="ayuda">Para recibir las peticiones debes introducir el correo postal</p>

</li>

<label class="titulo" for="correoe">Correo electronico</label>

<div>

</span>

</div>

<p class="ayuda">Asegurate de que es correcto</p>

</li>

<label class="titulo" for="telefonoF">Telefono <span class="obligatorio">*</span></label>

<div>

</span>

<label for="Movil">Movil</label>

</span>

</div>

<p class="ayuda">Sin prefijo</p>

</li>

</li>

</ul>

</form>

</div>

</body>