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

Optimizacion formulario

Browse Source
This commit is contained in:
Marklogo
2024-01-10 01:49:32 +01:00
parent 1afaa1b1c0
commit 07bb166f86
2 changed files with 70 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
Practicas/Practicas HTML/Repaso 2/index.html
View File

@@ -23,7 +23,7 @@
</header>
<main>
<main class="main_container">
<section id="inicio">
<H1>AlexCG Design</H1>
<h2>Agencia de desarrollo web</h2>
@@ -92,25 +92,25 @@
<form class="form_main" action="./gracias.html" method="get">
<fieldset>
<div class="flex_responsive">
<label for="nombre">Nombre</label>
<input type="text" name="nombre" id="nombre" placeholder="Escribe tu nombre .." required>
<label for="nombre">Nombre:</label>
<input type="text" name="nombre" id="nombre" placeholder="Escribe tu nombre..." required>
</div>
<div class="flex_responsive">
<label for="correo">Correo</label>
<input type="text" name="correo" id="correo" placeholder="Escribe tu correo" required>
<label for="correo">Correo:</label>
<input type="email" name="correo" id="correo" placeholder="Escribe tu correo" pattern="[a-zA-Z0-9._%+-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}" required>
</div>
</fieldset>
<fieldset>
<div>
<label for="asunto">Asunto</label>
<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>
<option value="opcion1">Opción 1</option>
<option value="opcion2">Opción 2</option>
<option value="opcion3">Opción 3</option>
</select>
</div>
<label style="width: auto;">¿Cómo nos ha conocido?</label>
<label style="width: auto;">¿Como nos ha conocido?</label>
<div class="flex_responsive">
<div>
<input type="radio" name="radiostats" id="amigo" value="amigo" required>
@@ -129,16 +129,15 @@
<label for="otros">Otros</label>
</div>
</div>
<label style="width: auto;" for="observaciones">Escribe tu mensaje</label>
<textarea name="observaciones" id="observaciones" rows="10" required></textarea>
<label for="observaciones" style="width: auto;">Escribe tu mensaje:</label>
<textarea name="observaciones" id="observaciones" rows="5" 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>
<input type="checkbox" name="politica" id="politica" required>
<label for="politica" style="width: auto; color: white;">He leído y acepto <a style="color: #2795de;" href="#">aviso legal y la política de privacidad</a></label>
</div>
</fieldset>
<div>
<input class="btn" type="submit" value="Ok">
<input class="form_btn" type="submit" value="Ok">
</div>
</form>
</section>