4
respuestas

Creando tablas

Buenos días a tod@s, dando un paso más!!!

HTML

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

                <table>

                    <thead>

                        <tr>
                            <th>Dias</th>
                            <th>Horario</th>
                        </tr>

                    </thead>

                    <tbody>

                        <tr>
                            <td>Lunes a Viernes</td>
                            <td>08:00 am a 05:00 pm</td>
                        </tr>

                        <tr>
                            <td>Sabados</td>
                            <td>08:00 am a 02:00 pm</td>
                        </tr>

                        <tr>
                            <td>Domingos</td>
                            <td>08:00 am a 12:00 m</td>
                        </tr>

                    </tbody>

                </table>

                <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="enviar">

            </fieldset>

        </form>

CSS

table{
    margin: 60px 0;
}

thead{
    background: darkgray;
    color: white;
    font-weight: bold;
}

td, th{
    border: 1px solid black;
    padding: 8px 15px;
}

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

4 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

Vale que genial lo de discord

Gracias por compartir tus conocimientos me alegra que hayas disfrutado del curso, sigue adelante y EXITO.