jQuery & # 8211; vannmerke effekt pa tekstinngang.

jQuery & # 8211; vannmerke effekt pa tekstinngang.

Av mkyong | 19. juli 2012 | Oppdatert: 20. juli 2012 | Sett: 40,892 ganger +45 pv / w.

Et enkelt jQuery-eksempel for a vise deg hvordan du implementerer en vannmerke-tekst-effekt pa et inntastingsfelt.

1. Kodeutdrag.

Et e-post-felt og css vannmerke klasse.

jQuery a bruke vannmerkeeffekten pa e-postfeltet.

Fullfor HTML kildekoden.

Last ned kildekoden.

Del denne artikkelen pa.

Om forfatteren.

Relaterte innlegg.

Popul re innlegg.

Legg igjen et svar.

I HTML5 kan du bruke.

Et raskt notat nar du bruker dette: Hvis du ikke angir noe annet for tekstboksen (utenfor et vannmerke), har brukeren ingen indikasjon pa hva tekstboksen ber om hvis de har JavaScript deaktivert. Bruk enten en riktig etikett utenfor tekstboksen (som vist i eksempelet) eller sett inn standardverdien til & # 8220; Legger din e-postadresse, eller hva du vil at standard skal v re, direkte i HTML-koden hvis du vil at den skal brytes grasiost med JavaScript deaktivert.

veldig lett takk.

Dette er godt skrevet og enkelt. Takk en million.

Hva om type inngang er passord, hvordan kan du vannmerkeinngang?

Prov a sette tekst som & # 8216; Legger inn e-postadressen din & # 8217;

Prov a sette noen mellomrom.

Takk for at du likevel deler.

Ah, jeg sa pa koden og du har rett, dette er dumt.

Hvis inntastingen stemmer overens med vannmerketeksten pa neste fokus, blir teksten fjernet som det regnes som vannmerke.

Hvor er problemet med det?

Soppel, fjerner teksten fra inngangen hvis den samsvarer med vannmerket.

Egentlig kan dette lett oppnas ved a bruke HTML5 plassholder.

Vennligst se folgende lenke for ytterligere detaljer:

Det er bare en HTML5-losning stottet bare pa moderne nettlesere og IE9 +.

Dessverre er det fortsatt mange brukere som bruker & lt; IE8 der stedetholderattributtet ikke stottes.

[& # 8230;] jQuery – vannmerkeeffekt pa tekstinngang [& # 8230;]