¡Hola! ¿Cómo se podría añadir algun tipo de “span” al select y al input list? Para que se vea claro que es lo que estamos preguntando

Sebastián Pineda Ospina

Sebastián Pineda Ospina

Pregunta
student
hace 5 años

¡Hola! ¿Cómo se podría añadir algun tipo de “span” al select y al input list? Para que se vea claro que es lo que estamos preguntando

4 respuestas
para escribir tu comentario
    Carlos Eduardo Gomez García

    Carlos Eduardo Gomez García

    teacher
    hace 5 años

    ¡Hola! ¿A qué te refieres con añadir un span? ¿Te refieres a un label? Recuerda que siempre puedes poner la etiqueta label con cualquier input.

    Si te refieres al texto por defecto que va dentro siempre tienes disponible el atributo "placeholder"

    Abel Salas Leal

    Abel Salas Leal

    student
    hace 5 años

    Podría ser algo así, pero no sé si sea la mejor manera

    <label for=""> <samp>¿Qué curso deseas?</samp> <select name="Cursos" id=""> <option value="JavaScript">JavaScript</option> <option value="HTML5">HTML5</option> <option value="CSS3">CSS3</option> <option value="Web estándares">Web estándares</option> </select> </label>
    Jared Nava

    Jared Nava

    student
    hace 5 años

    Hola, ese texto dentro de las caja se llama "placeholder" hasta donde he aprendido funcionan en listas con opcion de búsqueda y en inputs de texto.

    Untitled.png carbon.png

    Sebastián Pineda Ospina

    Sebastián Pineda Ospina

    student
    hace 5 años

    ¡Gracias a todos! Lo que me funcionó fue lo siguiente:

    <label for="sex"> <span>Ingrese su sexo</span> <select name="sex" autocomplete="sex" id="" required> <option value="Other">No deseo especificarlo</option> <option value="Male">Hombre</option> <option value="Female">Mujer</option> </select> </label> <input list="continent" name="continent" placeholder="Ingrese su continente" required> <datalist id="continent"> <option value="America"></option> <option value="Europa"></option> <option value="Asia"></option> <option value="Oceanía"></option> <option value="África"></option> </datalist>

    Dando como resultado:

    Screenshot 2021-01-04 103523.png

Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.

Curso de HTML y CSS [Empieza Gratis]
Curso de HTML y CSS [Empieza Gratis]

Curso de HTML y CSS [Empieza Gratis]

Crea vistas web fluidas y eficientes con HTML, CSS y Flexbox. Aprende a estructurar layouts adaptables, desde mobile a desktop, optimizando imágenes y aplicando buenas prácticas semánticas y de accesibilidad.