نمایش متن پیشفرض درون فیلد فرم html
حتما تا بحال فرم های html زیادی رو دیدید که درون فیلد های اون به صورت پیشفرض و به عنوان راهنما بوسیله یک متن پر شده و وقتی شما روی اون فیلد کلیک میکنید این نوشته پاک میشه و شما میتونید متن مورد نظر و یا اطلاعات خودتون رو تایپ کنید.قبلا طی یک [intlink id=”html-form-creation” type=”post” target=”_blank”]آموزش جامع ، نحوه ی ایجاد فرمهای html[/intlink] رو آموزش دادیم و امروز در تکمیل این بخش نحوه ی قرار دادن یک متن یا راهنما رو درون فیلد یک فرم آموزش میدیم طوری که وقتی کاربر بر روی فیلد کلیک کنه اون نوشته محو شده و کاربر متن/واژه/اطلاعات خودشو وارد میکنه.
همونطور که میدونید ، برای ایجاد یک فیلد فرم از نوع متنی از تگ input استفاده میکنیم:
<input type=”text” />
در زیر نمونه عملی کد بالا رو مشاهده میکنید:
خوب حالا با استفاده از دو مشخصه ی onblur و onfocus میتونیم بلایی که دلمون میخواد رو سر این فیلد بیاریم!
خوب قطعه کد بالا تعیین میکنه زمانی که کلیکی بر روی فیلد نشده و کسی کاری باهاش نداره عبارت ” متن راهنما ” رو نمایش بده و وقتی کسی بر روی این فیلد کلیک کرد (onfocus) این عبارت از بین بره! در زیر میتونید مثالی از این فیلد رو به صورت عملی ببینید:
نمونه فیلد با متن پیشفرض (متن راهنما):
از این شیوه میتونید برای نمایش بهتر فیلد جستجو و فیلد فرم هایی که دارید استفاده کنید تا کاربران فیلد ها رو راحت تر و درست تر تکمیل کنند.
