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
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>
-
2Hola @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
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>
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>
-
1Gracias, me sirvio de mucho tu respuesta, te lo agradezco:D Commented el 25 oct. 2017 a las 22:35
-
1Genial, 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