¡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
studenthace 4 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
    Sebastián Pineda Ospina

    Sebastián Pineda Ospina

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

    Jared Nava

    Jared Nava

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

    Abel Salas Leal

    Abel Salas Leal

    studenthace 4 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>
    Carlos Eduardo Gomez García

    Carlos Eduardo Gomez García

    teacherhace 4 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"

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.