2
respuestas

Mejorando la semántica "buenas prácticas"

Buenas noches a tod@s, seguimos aprendiendo.

HTML

<main>

        <form>

            <fieldset>

            <label for="nombreyapellido">Nombre y Apellido</label>
            <input type="text" id="nombreyapellido" class="input_padron" required>

            <label for="email">Correo electrónico</label>
            <input type="email" id="email" class="input_padron" required placeholder="email@dominio.com">

            <label for="teléfono">Teléfono</label>
            <input type="tel" id="teléfono" class="input_padron" required placeholder="000 0000000">

            <label for="mensaje">Mensaje</label>
            <textarea cols="70" rows="10" id="mensaje" class="input_padron"></textarea>

            </fieldset>

            <fieldset>

                <legend>¿Cómo te gustaría que te contactemos?</legend>

                <label for="email"><input type="radio" name="contacto" value="Correo electrónico" id="email">email</label>

                <label for="whatsapp"><input type="radio" name="contacto" value="WhatsApp" id="whatsapp" checked>WhatsApp</label>

                <label for="celular"><input type="radio" name="contacto" value="celular" id="celular">Celular</label>

                <legend>¿En cuál horario desea ser atendido?</legend>

                <select>

                    <option>Mañana</option>

                    <option>Tarde</option>

                </select>

                <select>

                    <option>Semana</option>

                    <option>Sábado</option>

                    <option>Domingo</option>

                </select>

                <label class="checkbox"><input type="checkbox" checked>Autorizo</label>
                <legend>Nuestra política en tratamiento de datos se ajusta a la ley 1581 de 2012</legend>
                <p id="checkbox">Usted autoriza a <strong>YO_REPARO!!!</strong> para almacenar y tratar sus datos personales, los cuales estaran a su disposición en el momento en que requiera que sean eliminados o suprimidos de nuestras bases de datos; para ello es necesario que se contacte con nostros mediante nuestros distintos canales de atención.</p>

                <input type="submit" value="Enviar Formulario" class="input_padron">

            </fieldset>

        </form>

    </main>

    <footer>

        <img src="Servicios/footer-removebg-preview.png" class="footer" alt="logo de YO_REPARO!!!">
        <p class="copyright">"&copy Copyright EstiwarZM - 2022"</p>

    </footer>

CSS

form label, form legend{
    display: block;
    font-size: 20px;
    margin: 0 0 10px;
}

Saludos cordiales y apretón de mano desde Medellín - Colombia.

2 respuestas

Hola Estiwar, espero estés muy bien.

Felicitaciones por tu aprendizaje. Estamos priorizando el foro para postear dudas, así optimizamos el tiempo de respuesta para ustedes.

Para no dejar de compartir los códigos, actividades y ejercicios que realizas, creamos un canal en Discord (#compartatucodigo) donde puedes compartirlos, dar y sugerir mejoras con el resto de tus compañeros.

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios

Buenas tardes señor Jose Gonzalez mil gracias