شاید توی سایت ها با فرم هایی برخورد کرده باشید که توی اون فرم ها نوشته ای در قسمت نام و متن فرم هست که وقتی روی نوشته کلیک می کنی نوشته میره و با کلیک شما در فیلد دیگه نوشته بازم سر جاش بر می گرده مگر اینکه چیزی توش نوشته باشی. این طریقه ی قرار گرفتن فوکوس هست. که با کلیک ماوس و زدن مثلا دکمه ی 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>
منتظر نظرات و درخواست ها و پیشنهادات شما هستم .
موفق باشید.