WN - hjälptext i form som ska försvinna vid skrivande

WN (https://www.wn.se/forum/index.php)

- Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)

- - hjälptext i form som ska försvinna vid skrivande (https://www.wn.se/forum/showthread.php?t=1040728)

TonyL

2010-03-01 15:11

hjälptext i form som ska försvinna vid skrivande

Hej

Vad / Var gör jag så att texten i en form försvinner så fort användaren klicka i textrutan för att skriva? Är det något attribut eller så, vill jag minnas någonstans.

<input type="text" name="mailteltext" size="25" value="mailadress/tel.nr">

Typ:
----------------------------
| skriv mailadress/tel.nr |
----------------------------

Tack

/ Tony

ChristianCarlsson

2010-03-01 15:58

Du kan använda dig av:
<input type="text" name="mailteltext" size="25" value="mailadress/tel.nr" onclick="this.value=''">

TonyL

2010-03-01 16:58

Tack, fungerar fint.

/ Tony

allstars

2010-03-01 17:39

fast en nackdel med detta är att om man skrivit något och skall lägga till en bokstav eller likn försvinner innehållet då med.

ChristofferP

2010-03-01 17:46

Jag brukar använda följande kod med jQuery:

Kod:

$('input.field').focus(function() {

   if (this.value == this.defaultValue) { this.value = ''; }

}).blur(function() {

   if (this.value == '') { this.value = this.defaultValue; }

});

Kod:

<input class="field" type="text" value="Ange din e-postadress" />

allstars

2010-03-01 19:40

jag diggar följande http://www.alistapart.com/articles/m...oreaccessible/
och http://www.zurb.com/playground/inline-form-labels

martine

2010-03-09 09:17

En annan enkel lösning är

Kod:

<input type="text" style="color:#888" name="mailteltext" size="25" value="mailadress/tel.nr" onclick="if(this.value=='mailadress/tel.nr'){this.value='';this.style.color='black'"/>

om man vill hålla det inom elementet - men det blir rätt grötigt.

Alla tider är GMT +2. Klockan är nu 05:19.