
آموزش ساخت فرم جستجو
تاریخ انتشار: 6 تیر 1387
ارسال کننده: payam.sepordeh
خوب اول تگ فرم رو آغاز می کنیم با کد زیر.
<form action="" method="post" >
خوب منظورم از
<form
که خودش یک تگ است و برای شروع اینگونه می نویسیم .منظور
onsubmit="javascript: showBusyLayer()"
هم یعنی وقتی روی دکمه ی کلیک شد این آجاکس شروع به کار کند.منظورم از
method="post"
این قسمت از تگ هم برای ارسال اطلاعات توسط کاربر به سرور است که ما با آن کاری نداریم و اینگونه می نویسیم.حال به بعدی رجوع میکنیم که تو فرم مخفی باید بنویسیم که آن به صورت زیر است.
<input type="hidden" name="do" value="search" />
<input type="hidden" name="subaction" value="search" />
خوب در هر دو کد بعضی چیزها مشابه هستند که ما توضیح می دهیم هر کدام را
منطور از
<input
یک ورودی بساز type="hidden"
مشخصه هیدن(مخفی) که name="do"
نامش do باشد که value هم search باشد.خوب حال به خط بعدی می رویم که بخش مهم این فرم است که باید یک text , submit نیز بسازیم
خوب اول یک text می سازیم به صورت زیر.
<input name="story" type="text" >
یک ورودی بساز
<input
با نام name="story"
از نوع type="text"
که برای وارد کردن متن جستجو استو حال آخرین بخش هم که برای دکمه سرچ است که به صورت زیر مینویسیم.
<input type="submit" name="submit" value="جستجو" />
<input
که یک روردی بساز که از نوع type="submit"
باشد .و نامشname="submit"
و اسم خود دکمه همvalue="جستجو"
و در اخر هم تگ پایان بخشیدن رو نیز بگذارید
</form>
وشکل کل کد بالا به صورت زیر است که باید قرار دهید.
<form onsubmit="javascript: showBusyLayer()" method="post" >
<input type="hidden" name="do" value="search" />
<input type="hidden" name="subaction" value="search" />
<input name="story" type="text" >
<input type="submit" name="submit" value="جستجو" />
</form>
موفق و سر بلند باشید .مشکلی داشتید اطلاع بدید.
37 نفر (37 کاربر و 0 میهمان) از این مطلب تشکر کرده اند.
تشکر