ناپدید شدن متن پیش فرض در فرم

[mehrtadbir]

سلام

بنده می خواهم در دستور input یک متن پیش فرض قراردهم و زمانیکه موس را در کادر ، کلیک می کنیم این متن پیش فرض از بین برود

ممنون می شوم راهنمایی فرمایید.

[mokha21]

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


<input type="text" value="عبارت مورد نظر" onFocus="if(this.value=='عبارت مورد نظر'){this.value='';}" onBlur="if(this.value==''){this.value='عبارت مورد نظر';}">

[mehrtadbir]

ضمن تشکر از شما

اگر ممکنه بفرمایید این دستور چطور عمل می کند

سپاسگزار

[mokha21]

value="عبارت مورد نظر"
ما مقدار اولیه رو در value قرار میدیم .


onFocus="if(this.value=='عبارت مورد نظر'){this.value='';}"
حالا اگه بخواهیم روی input کلیک کنیم رویداد onFocus اجرا میشه و چک میکنه اگه عبارت درون input برابر با "عبارت مورد نظر" باشه input رو خالی میکنه.


onBlur="if(this.value==''){this.value='عبارت مورد نظر';}"
رویداد onBlur هم وقتی اجرا میشه که ابتدا بر روی input کلیک کرده باشید و سپس بر روی قسمت دیگری از صفحه کلیک کنید.
در این قسمت هم چک میکنه اگه مقدار input خالی باشه عبارت "عبارت مورد نظر" رو داخل input میذاره.