2010-01-11 2 views
6

Ho alcuni <input> s sul mio modulo, e mi piacerebbe filigranarli con etichette di campo. Ci sono già una miriade di plug-in per la filigrana, ma il meglio è che posso dire che tutti cancellano la filigrana quando lo <input> è focalizzato, anche se non è stato inserito nulla.jQuery <input> filigrana che rimane a fuoco

Quello che mi piacerebbe, idealmente, è qualcosa che dovrebbe continuare a essere visualizzato finché l'utente non ha digitato qualcosa in, messo a fuoco o meno.

Qualcuno sa di un plug-in che lo fa già, o sa di un esempio di codice che potrebbe aiutare a guidare la mia strada?

risposta

7

This plugin manterrà la filigrana quando l'ingresso è a fuoco, anche se sarà nascondere il qualsiasi Pressione (anche Ctrl).

+0

Alla fine sono riuscito ad andare con la forcella di Paul Elliot quel plugin, che richiede molto meno CSS/HTML tomfoolery. http://github.com/paulelliott/In-Field-Labels-jQuery-Plugin. Non è perfetto, ma è un ottimo punto di partenza. –

0

In alternativa, se si preferisce uno degli altri plug-in per altri motivi, non sarebbe molto difficile modificare lo script in modo che la filigrana scompaia su keyup anziché su focus.

2

Ho creato un plug-in flessibile per questo scopo. diventa preciso: concentrato e pieno e puoi definire il tuo css per gestire lo stile come visibilità, colore e ... controllare gli esempi e il documento completo per jQuery Placeholder here