[TonyL]

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]

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

[TonyL]

Tack, fungerar fint.

/ Tony

[allstars]

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]

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

$('input.field').focus(function() {
   if (this.value == this.defaultValue) { this.value = ''; }
}).blur(function() {
   if (this.value == '') { this.value = this.defaultValue; }
});

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

[allstars]

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

[martine]

En annan enkel lösning är

<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.