Fokus på <input type="text" placeholder="Dine initialer">
Jeg har en lille loginformular på en side, hvor jeg synes det er smart at kunne benytte placeholder, så man placerer "Dit brugernavn", "Adgangskode" mm inde i sit textfelt:For at siden skal være så nem at gå til, har jeg altid sat fokus på det første relevante textfelt ved at benytte dette (lidt forenklet HTML):
<body onload="document.frmLogin.username.focus();">
<form name="frmLogin">
Brugernavn:<br>
<input type="text" name="username">
</form>
</body>
Men det virker ikke ved placeholder. Hvis jeg fjerner Brugernavn:<br> og sætter placeholder ind:
<body onload="document.frmLogin.username.focus();">
<form name="frmLogin">
<input type="text" name="username" placeholder="Dit brugernavn">
</form>
</body>
- så er cursor ganske korrekt placeret i 'username'. Men der står ikke "Dit brugernavn", tekstfeltet er tomt.
Den eneste måde man kan bibeholde teksten "Dit brugernavn" inde i tekstboksen, er ved at fjerne fokus fra feltet. Men så ryger det behagelige og nemme sig en tur. Så skal man aktivt flytte musen op i tekstfeltet.
Kan det lade sig gøre at sætte fokus på tekstfeltet, og samtidig bibeholde "Dit brugernavn" inde i tekstfeltet, når siden loades? Det er først ved første tastetryk, at "Dit brugernavn" skal forsvinde.
Jeg håber problematikken er til at forstå. Ellers skal jeg nok uddybe.
