Clear input felt når indtastning begynder

Tags:    javascript

Hejsa.

Jeg har et input felt som ser ca. sådan ud:

Fold kodeboks ind/udHTML kode 


Så når jeg loader siden står der 123 og der er focus på input feltet.

Hvordan "resetter" jeg feltet når jeg begynder at skrive i mit felt, sådan at min text ikke bare står foran 123.

Håber i forstår:)





9 svar postet i denne tråd vises herunder
4 indlæg har modtaget i alt 14 karma
Sorter efter stemmer Sorter efter dato
Hvis du vil bruge Javascript kan du gøre sådan her.
Fold kodeboks ind/udHTML kode 


Demo : http://scootergrisen.dk/test/test0106.html



Indlæg senest redigeret d. 14.01.2012 20:10 af Bruger #13010
Hvis man ikke kan leve med at visse browsere (Læs: IE < v. 10) så kan du benytte dig af et placeholder fallback script: Placeholder fallback



Hvis du vil bruge Javascript kan du gøre sådan her.
Fold kodeboks ind/udHTML kode 


Demo : http://scootergrisen.dk/test/test0106.html

Vil i virke i hans eksempel, da han har autofocus på feltet.




Hvis browseren understøtter HTML5 attributen placeholder på input felterne, så kan du bruge det her:

Fold kodeboks ind/udHTML kode 





Vil i virke i hans eksempel, da han har autofocus på feltet.


Der skal vel heller ikke stå noget i feltet når man skal skrive ?



Som stefan siger:

der er focus på feltet når siden er loaded, samtidig med at feltet indeholder 123, når så jeg begynder at skrive noget i feltet, skal 123 forsvinde og erstattes med det jeg skriver.



Ok men autofocus attributten virker jo kun i HTML 5 browsere.

Ellers skal du også lave autofocus i Javascript hvis det skal virke i ældre browsere.



Indlæg senest redigeret d. 14.01.2012 20:27 af Bruger #13010
Jeg bruger placeholderen :)



Jeg har skrevet noget om HTML 5 <form> og <input> her : http://scootergrisen.dk/htmlgrisen/kode_form_tag.php



Indlæg senest redigeret d. 14.01.2012 20:33 af Bruger #13010
t