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

Haz lo que hicimos en el aula

HTML

<div> <! –– Medio a traves del cual se tomara contacto con la persosa ––>
                        <p>Cómo le gustaría que lo contactemos?</p>

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

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

                        <label for="radio-whatsapp" class="formularioLabel"><input type="radio" name="contacto" value="whatsapp" id="radio-whatsapp">Whatsapp</label>

                    </div>

                    <div>
                        <p>¿En cuál horario prefiere ser atentido?</p>
                        <select>
                            <option>Mañana</option>
                            <option>Tarde</option>
                            <option>Noche</option>
                        </select>
                    </div>

                    <! –– De esta forma no es necesario referenciar desde el label al input ––>
                    <label class="formularioLabel"><input type="checkbox" class="formularioLabelCheckbox">Le gustaría recibir novedades de la Barbería ALURA?</label>

                    <! –– Boton de envio de ofrmulario ––>
                    <input type="submit" value="Enviar formulario" class="formularioEnviar">

CSS
                    .formularioMain{
    width: 940px;
    margin: 40px auto;
}

.formularioLabel{
    display: block;
    font-size: 20px;
    margin: 0 0 10px 0;
}

.formularioInputDContacto{
    display: block;
    margin: 0 0 20px 0;
    padding: 10px 25px;
    width: 50%;
}

.formularioInput{
    display: block;
    margin: 0 0 20px 0;
    padding: 10px 25px;
    width: 50%;
}

.formularioLabelCheckbox{
    margin: 20px 0;
}

.formularioEnviar{
    width: 25%;
    margin: 0 0 0 100px;
}
1 respuesta

¡Hola! Espero que estés muy bien.

¡Muchas gracias por tu aporte! Es genial ver los puntos de vista y maneras de hacer los ejercicios de nuestros estudiantes, ya que esto enriquece mucho nuestros conocimientos.

¡Si tienes alguna pregunta sobre el contenido de los cursos, no dudes en preguntarnos! Por favor, recuerda utilizar las etiquetas para indicarnos si tu consulta es una duda, sugerencia o cualquier otro tema. De esta manera, podremos filtrar y procesar las dudas y consultas de manera más eficiente, mejorando aún más nuestro desempeño y tiempo de respuesta.

Además, te recomiendo que te unas a nuestra comunidad en Discord. ¡Allí podrás interactuar con otros compañeros, compartir tus ideas y aprender aún más! La interacción es instantánea y te permitirá llegar a muchas más personas. Así que si tienes algún comentario, opinión, recomendación o simplemente quieres compartir tus pensamientos y como hiciste tus ejercicios con la comunidad, ¡no dudes en hacerlo por Discord!

Estamos seguros de que tu aporte será muy valioso para todos nosotros. ¡Un saludo! :)

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