Cómo mostrar el texto del marcador de posición en la entrada de tipo de número de HTML5

Question

¿Hay alguna manera de mostrar el texto del marcador de posición dentro de una etiqueta de entrada de tipo = número? La propiedad 'marcador de posición' de una etiqueta de entrada HTML se usa para mostrar la descripción de la etiqueta de entrada en la interfaz de usuario cuando el elemento no está enfocado; el texto descriptivo queda en blanco cuando el mismo campo recibe el foco. El problema es que no hay texto visible si el tipo de entrada está hecho de tipo = "número". Tengo limitaciones de espacio en mi UI y no puedo pagar una etiqueta antes de la etiqueta de entrada.

¿Alguna sugerencia?

Answer 1

Los marcadores de posición no están pensados ​​como etiquetas para la entrada. El marcador de posición debe contener ejemplos de entrada válida. Por lo tanto, en el caso de una entrada de número, el único valor válido para el marcador de posición es un número.

Pero si quiere hacer un mal uso del marcador de posición para ahorrar espacio, puede usar un pequeño JS para solucionar su problema.

<input placeholder="Amount" onfocus="this.type='number';"> 

PS Chrome Nightly parece no tener ningún problema con la combinación de números y marcadores de posición.