Come visualizzare il testo del segnaposto nell'input digitato con il numero di HTML5

Question

Esiste un modo per mostrare il testo segnaposto all'interno di un tag di input di tipo = numero?

Q dettagliata: La proprietà 'segnaposto' di tag input di un HTML viene utilizzato per mostrare descrizione del tag input nell'interfaccia utente quando l'elemento non è a fuoco - il testo descrittivo scompare quando lo stesso campo viene messa a fuoco. Il problema è che nessun testo è visibile se il tipo di input è composto da type = "number". Ho limiti di spazio nella mia interfaccia utente e non posso permettermi un'etichetta prima del tag di input.

Qualche suggerimento?

Answer 1

I segnaposti non sono intesi come etichette per l'input. Il segnaposto dovrebbe contenere esempi di input validi. Quindi, nel caso di un numero inserito, l'unico valore valido per il segnaposto è un numero.

Ma se si vuole abusare del segnaposto per risparmiare spazio, è sufficiente utilizzare un piccolo JS per risolvere il problema.

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

PS Chrome Nightly sembra non avere problemi con la combinazione di numero e segnaposto.