marklogo/IFCD0210
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Dia 21

Browse Source
This commit is contained in:
Marcos Lopez
2023-12-21 13:25:53 +01:00
parent 65c5654cbd
commit 5ceebea03a
7 changed files with 348 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

39
Practicas/Practicas HTML/Formularios/Practica 4/index.html
View File

@@ -21,19 +21,50 @@
<legend>Datos Cliente</legend>
<div class="flex_responsive">
<label for="nombre">* Nombre</label>
<input type="text" name="nombre" id="nombre" required>
<input type="text" name="nombre" id="nombre" minlength="1" maxlength="40"
pattern="[A-Za-zÁÉÍÓÚáéíóúñÑ\s]{1,40}"
title="El nombre puede contener entre 1 y 40 caracteres letras y numeros"
required>
<span class="verificado">Verificado</span>
<span class="erroneo">El nombre puede contener entre 1 y 40 caracteres letras y numeros</span>
</div>
<div></div>
<div class="flex_responsive">
<label for="apellidos">* Apellidos</label>
<input type="text" name="apellidos" id="apellidos" required>
<input type="text" name="apellidos" id="apellidos" minlength="1" maxlength="40"
pattern="[A-Za-zÁÉÍÓÚáéíóúñÑ\s]{1,40}"
title="Los apellidos pueden contener entre 1 y 40 caracteres en total"
required>
</div>
<div class="flex_responsive">
<label for="telefono">* Telefono</label>
<input type="tel" name="telefono" id="telefono" required>
<input type="tel" name="telefono" id="telefono"
pattern="[0-9]{9}"
title="El numero de telefono debe ser de 9 digitos"
required>
</div>
<div class="flex_responsive">
<label for="dni">* Dni</label>
<input type="text" name="dni" id="dni"
minlength="9" maxlength="9"
pattern="\d{8}[A-Za-z]"
title="Dni en formato 33340763D"
required>
</div>
<div class="flex_responsive">
<label for="matricula">* Matricula</label>
<input type="text" name="matricula" id="matricula"
pattern="\d{4}[A-Za-z]{3}"
minlength="5" maxlength="7"
title="Matricula en formato 7935JPC"
required>
</div>
<div class="flex_responsive">
<label for="email">* Email</label>
<input type="email" name="email" id="email" autocomplete="on" required>
<input type="email" name="email" id="email" autocomplete="on"
maxlength="100"
title="Introduce un mail valido"
required>
</div>
</fieldset>
<fieldset>