View Full Version : سوال: متن پیش فرض درون textbox
e_a_23
دوشنبه 14 بهمن 1392, 08:38 صبح
سلام
گاهی وقتا یه متن پیش فرض توی تکست باکس هست. مثلا نوشته شده : "عبارت مورد نظر خود را جستجو کنید."
می خواستم بدونم چه جوری می شه کاری کرد که وقتی کاربر می ره توی تکست باکس کلیک می کنه تا متن خودشو بنویسه، اون متن پیش فرض پاک بشه؟
barzin144
دوشنبه 14 بهمن 1392, 09:42 صبح
این ویژگی را به تکس باکس اضافه کنید . placeholder
<input type="text" name="fname" placeholder="First name">
البته html 5 هست
e_a_23
دوشنبه 14 بهمن 1392, 10:08 صبح
نمی شه. من از html4 دارم استفاده می کنم.
Javidhb
دوشنبه 14 بهمن 1392, 10:54 صبح
در اون صورت باید از جاوااسکریپت(onfocus: وقتی که اینپوت انتخاب میشه و onblur: وقتی که از اینپوت خارج میشید) استفاده کنید.
<input type="text" name="fname" value="search..." onfocus="this.value = '';" onblur="this.value='search...';">
e_a_23
دوشنبه 14 بهمن 1392, 11:32 صبح
<div class="search">
<div class="txtSearch">
<input type="text" id="txt_serch" name="txt_searchBox" value="کالای موردنظر خود را جستجو کنید" />
</div>
<div class="btnSearch">
<input type="submit" id="btn_search" value="" name="btn_search" />
</div>
</div>
وقتی دستوری که شما گفتید می نویسم درست عمل می کنه ولی دکمه هم محو می شه.
e_a_23
دوشنبه 14 بهمن 1392, 12:46 عصر
توی placeholder دقیقا باید چی نوشته بشه؟
refugee
دوشنبه 14 بهمن 1392, 13:00 عصر
سلام ؛
همونطور که دوستمون گفتن این کار رو توسط جاواسکریپت انجام میدیم . اما یه شرط داشت که ظاهرا دوستمون یادشون رفته .
من یه دمو براتون میذارم ببینید : http://apelo.ir/demo/e_a_23
اینم کدش :
<!DOCTYPE HTML>
<html>
<head>
<title>Asila Design Group</title>
</head>
<body>
<div style="width:500px; height:500px; margin:10% auto;">
<form action="#" method="get">
<input type="text" value="search..." onfocus="if(this.value == 'search...')this.value = '';" onblur="if(this.value =='')this.value='search...';"/>
<input type="submit" value="submit" />
</form>
</div>
</body>
</html>
refugee
دوشنبه 14 بهمن 1392, 13:06 عصر
یه مورد اینکه دوستممون تو کدشون if شرطی رو نذاشته بودن و == قرار نداده بودن .
و تذکر دومی اینکه هر چی توی value است باید دقیقا مثل همون رو توی بلور و فوکوس ذکر کنید . ( مخصوصا اگر فارسی مینویسید مراقب کاراکتر ها باشید .بطور مثال این کلمه : جستجو ... ) چون گاهی اون 3 نقطه عقب و جلو میشه .
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.