2012-05-04 18 views
5

Eventuali duplicati:
How do I get placeholder text in firefox and other browsers that don't support the html5 tag option?segnaposto non funziona correttamente in tutti i browser

ho creato una scatola di inizio popup e che ho usato segnaposto per visualizzare il nome del campo di input, ma in altri browser come IE9, IE8 e anche IE10 non mostrano il testo segnaposto nell'input.

Come posso risolvere questo problema? C'è un altro modo per riempire il campo di input?

<input name="username" type="text" value="" placeholder="Username" /> 
+2

http://stackoverflow.com/q/3429520/1367163 – Chandrakant

risposta

1

placeholder fa parte del nuovo HTML5-caratteristiche wich non è pienamente supportato da tutti i browser fino ad ora. Per ulteriori informazioni, si prega di verificare:

EDIT:
se usando jQuery, c'è il this little plugin per aggiungere il supporto per tutti i browser fino a IE6.

2

Come OEZI ha dichiarato che non è supportato in tutti i browser.

Prova a modificare la

<input name="username" type="text" value="" onfocus="if (this.value == 'Username') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Username';}" /> 
+2

valori e segnaposto di default sono ** non ** equivalente. – Quentin

+0

come detto da Quentin questo invierebbe il testo "segnaposto" come valore all'invio del modulo che non è quello che fa html5-placeholder, quindi potrebbe non funzionare o richiedere un controllo aggiuntivo sull'invio (se è un campo obbligatorio per esempio - con questo codice, l'input non è vuoto quando viene mostrato il "segnaposto") – oezi

+1

sì lo so ma non è un grosso problema. puoi gestirlo facilmente –

1

segnaposto non è supportato da IE8 fino ad ora. È possibile utilizzare

<input type="text" name="username" onfocus="if(this.value=='Username') this.value='';" onblur="if(this.value=='') this.value='Username';" /> 
+2

I valori predefiniti e i segnaposto sono ** non ** equivalenti. – Quentin

+0

come detto da Quentin, invierebbe il testo "segnaposto" come valore all'invio del modulo che non è quello che fa html5-placeholder, quindi potrebbe non funzionare o richiedere un controllo aggiuntivo sull'invio (se è un campo obbligatorio per esempio - con questo codice, l'input non è vuoto quando viene mostrato il "segnaposto") – oezi

Problemi correlati