مخفی شدن متن با یک کلیک

شاید توی سایت ها با فرم هایی برخورد کرده باشید که توی اون فرم ها نوشته ای در قسمت نام و متن فرم هست که وقتی روی نوشته کلیک می کنی نوشته میره و با کلیک شما در فیلد دیگه نوشته بازم سر جاش بر می گرده مگر اینکه چیزی توش نوشته باشی. این طریقه ی قرار گرفتن فوکوس هست. که با کلیک ماوس و زدن مثلا دکمه ی tab ایجاد میشه.

مثل نمونه ی زیر:





برای این کار از کدهای زیر استفاده کنید:

این کد ها برای فیلد نام هست:

<input type="text" name="name" id="your-name" tabindex="1"

 value="نام" onfocus="if (this.value == 'نام') {this.value = '';}" 

onblur="if (this.value == '') {this.value = 'نام';}" />

این کد ها برای فیلد متن :


<textarea rows="5" cols="40" name="text" tabindex="4" onfocus="if 

(this.value == 'متن پیامتان را اینجا بنویسید') {this.value = '';}" onblur="if 

(this.value == '') {this.value = 'متن پیامتان را اینجا بنویسید';}">متن پیامتان را اینجا بنویسید</textarea>

منتظر نظرات و درخواست ها و پیشنهادات شما هستم .

موفق باشید.