9

Estoy usando placeholder en mis input de tipo texto y funcionan perfecto, solo que tengo un select, en el cual le quiero poner un placeholder donde diga "selecciona una opción", pero no aparece, alguien sabe si puedo agregarlo? y como se puede agregar? Gracias, saludos

3 respuestas 3

23

Se puede agregar una primer opción deshabilitada, y al mismo tiempo seleccionada que sirva para mostrar un texto informativo:

 <select>
    <option disabled selected>Selecciona una opción</option>
    <option value="item 1">Item 1</option>
    <option value="item 2">Item 2</option>
    <option value="item 3">Item 3</option>
</select>

1
  • 2
    Hola @daniel, lo primero, bienvenido al sitio :). Sería bueno que agregaras una explicación de lo que hace tu código para que pueda servir mejor al autor o a futuros lectores que lleguen hasta aquí para encontrar una solución a su problema. Commented el 10 mar. 2018 a las 17:05
14

Mejor

<select>
    <option hidden selected>Selecciona una opción</option>
    <option value="item 1">Item 1</option>
    <option value="item 2">Item 2</option>
    <option value="item 3">Item 3</option>
    </select>

6

En un select no se puede agregar un placeholder, pero lo que puedes hacer es agregar un option con value vacío indicando lo que quieres agregar en el placeholder, así:

<select>
        <option value="">Selecciona una opción</option>
        <option value="item 1">Item 1</option>
        <option value="item 2">Item 2</option>
        <option value="item 3">Item 3</option>
    </select>

2
  • 1
    Gracias, me sirvio de mucho tu respuesta, te lo agradezco:D Commented el 25 oct. 2017 a las 22:35
  • 1
    Genial, si te funcionó te invito a que marques la respuesta como aceptada para que los desarrolladores que tengan esa inquietud sepan cual es la solución correcta, te invito a que leas Qué debo hacer cuando alguien contesta mi pregunta? para que te documentes mejor sobre el funcionamiento de las respuestas, saludos ! Commented el 25 oct. 2017 a las 22:37

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.