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

75
Practicas/Practicas HTML/Repaso/index OnePage.html
View File

@@ -211,11 +211,6 @@
</div>
</div>
<br>
<!-- Aqui empieza la pagina Contactos -->
<hr>
@@ -239,6 +234,76 @@
<p class="contacto_info"><span>Móvil |
</span> 690 900 700</p>
<form class="form_citas" action="./gracias.html" method="get">
<div class="form_main">
<fieldset>
<legend>Datos Cliente</legend>
<div class="flex_responsive">
<label for="nombre">* Nombre</label>
<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>
</div>
<div></div>
<div class="flex_responsive">
<label for="apellidos">* Apellidos</label>
<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" pattern="[0-9]{9}"
title="El numero de telefono debe ser de 9 digitos" required>
</div>
</fieldset>
<fieldset>
<div>
<label for="asunto">Asunto</label>
<select name="asunto" id="asunto" required>
<option value="" disabled selected>-- Selecciona --</option>
<option value="">opcion 1</option>
<option value="">opcion 1</option>
<option value="">opcion 1</option>
</select>
</div>
<label style="width: auto;">¿Cómo nos ha conocido?</label>
<div class="flex_responsive">
<div>
<input type="radio" name="radiostats" id="amigo" value="amigo" required>
<label for="amigo">Un amigo</label>
</div>
<div>
<input type="radio" name="radiostats" id="google" value="google">
<label for="google">Googleando</label>
</div>
<div>
<input type="radio" name="radiostats" id="buzoneo" value="buzoneo">
<label for="buzoneo">Buzoneo</label>
</div>
<div>
<input type="radio" name="radiostats" id="otros" value="otros">
<label for="otros">Otros</label>
</div>
</div>
<label style="width: auto;" for="observaciones">Escribe tu mensaje</label>
<textarea style="max-width: 600px;" name="observaciones" id="observaciones" rows="10" required></textarea>
<div>
<input type="checkbox" name="politica" id="politica"
minlength="10"
required>
<label for="politica" style="width: auto;">He leído y acepto <a href="">aviso legal y la politica de privacidad</a> </label>
</div>
</fieldset>
<div>
<input class="btn" type="submit" value="Ok">
</div>
</div>
</form>
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2917.2975090229866!2d-7.5559269234771165!3d43.0141246935289!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd31ce9094468525%3A0xc6b267162d7eabde!2sR%C3%BAa%20Castelao%2C%20Lugo!5e0!3m2!1ses!2ses!4v1701343489810!5m2!1ses!2ses"
width="600" height="450" allowfullscreen="" loading="lazy"