1
respuesta

se me redujeron los campos nombre teléfono email

Referente al curso HTML5 y CSS3 parte 3: Trabajando con formularios y tablas, en el capítulo Mejorando la semántica y actividad Título de un grupo de campos del formulario

por Roberto Rodriguez Diaz
| 33.2k xp | 31 posts
Vendedor

buenas noches después de colocar el fielset se me redujeron los campos de nombre coreo teléfono gracias por su ayuda

   <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="email" id="correoelectronico" class="input-padron" required placeholder="email@dominio.com">

            <label for="telefono">Teléfono</label>
            <input type="tel" id="telefono" class="input-padron" required placeholder="(xx) xxxx xxxx">

            <label for="mensaje">Mensaje</label> 
            <textarea cols="70" rows="10" id="mensaje"class="input-padron" required></textarea>
        <fieldset>
            <legend class="test" id="test">¿Còmo le gustaría que lo contactemos?</legend>

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


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


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

        </fieldset>

        <fieldset>
            <legend>¿En cual horario le gustaria 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 Barberia Alura">
        <p class="copyright">&copy Copyright Barbería Alura - 2020</p>
    </footer>
</body>
1 respuesta
por Evelyn Reis
| 2221.6k xp | 7955 posts
Alura Scuba Team Instructora

Hola Roberto, como estás?

Dejo el código del profesor a continuación: para revisar el suyo, si aún necesita ayuda, comparta su código completo con nosotros, incluido su archivo CSS y HTML para que podamos ayudarlo a solucionar el problema.

            <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="email" id="correoelectronico" class="input-padron" required placeholder="email@dominio.com">

                <label for="telefono">Teléfono</label>
                <input type="tel" id="telefono" class="input-padron" required placeholder="(XX) XXXX XXXX">

                <label for="mensaje">Mensaje</label>
                <textarea cols="70" rows="10" id="mensaje" class="input-padron" required></textarea>

                <fieldset>
                    <legend>¿Cómo le gustaría que lo contactemos?</legend>

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

                    <label for="radio-telefono"><input type="radio" 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 prefiere 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" class="enviar">

            </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>

Espero haberte ayudado, espero tu respuesta!

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