Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
1
respuesta

[Bug] Un error

Hola! Sucede que, luego de aplicar los cambios que se mencionan en el video, la zona donde dice "como le gustaría que lo contactáramos" se ve así:

Mi código específico de esa parte es:

<fieldset>

                    <legend>¿Cómo le gustaría que lo contactáramos?</legend>

                    <label for="radio-email"> <input type="email" name="contacto" value="email" id="radio-email">Email</label>

                    <label for="radio-telefono"><input type="tel" name="contacto" value="telefono" id="radio-telefono">Teléfono</label>


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

                <fieldset>

Mi HTML completo es:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Contacto - Barbería Alura</title>

        <link rel="stylesheet" href="reset.css">
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
        <header>
            <div class="caja">
                <h1><img src="imagenes/logo.png" alt="Logo de la Barberìa Alura"></h1>

                <nav>
                    <ul>
                        <li><a href="index.html">Home</a></li>
                        <li><a href="productos.html">Productos</a></li>
                        <li><a href="contacto.html">Contacto</a></li>
                    </ul>
                </nav>
            </div>
        </header>
        <main>
            <form>
                <label for="nombreapellido">Nombre y apellido</label>
                <input type="text" id="nombreapellido" class="input-padron" required>

                <label for="correoelectronico">Correo Electrónico</label>
                <input type="text" id="correoelectronico" class="input-padron" required placeholder="email@dominio.com">

                <label for="telefono">Teléfono</label>


                <label for="textarea">
                <textarea cols="70" rows="10" id="textarea" required> </textarea>

                <fieldset>

                    <legend>¿Cómo le gustaría que lo contactáramos?</legend>

                    <label for="radio-email"> <input type="email" name="contacto" value="email" id="radio-email">Email</label>

                    <label for="radio-telefono"><input type="tel" name="contacto" value="telefono" id="radio-telefono">Teléfono</label>


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

                <fieldset>

                <fieldset>
                    <legend>¿En cuál horario desea ser atendido?<legend>
                    <select>
                        <option>Mañana</option>
                        <option>Tarde</option>
                        <option>Noche</option>
                    </select>
                <fieldset>

                <label class="checkbox"><input type="checkbox" checked>¿Le gustaría recibir novedades de la Barbería Alura?</label>
                <input type="submit" value="Enviar formulario">
            </form>
        </main>


        <footer>
            <img src="imagenes/logo-blanco.png" alt="Logo de la Barberìa Alura">
            <p class="copyright">&copy; Copyright Barbería Alura - 2020</p>
        </footer>
    </body>
</html>
1 respuesta

Buenas Noches Compañera,

El error que veo en su código se debe al input type este debe ser "radio" /. son los que le encerré en paréntesis La función "radio" es la instrucción que le da al html de crear el circulo al que el cliente hara clic para seleccionar el método de contacto.

                <legend>¿Cómo le gustaría que lo contactáramos?</legend>

                <label for="radio-email"> <input type=  ( "email")   name="contacto" value="email" id="radio-email">Email</label>

                <label for="radio-telefono"><input type=("tel") name="contacto" value="telefono" id="radio-telefono">Teléfono</label>


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

            <fieldset>

Bendiciones,