آموزش ایجاد فرم در html

[mohammadmehrabi 11]

سلام

خب برای آموزش ایجاد فرم باید از تگ زیر استفاده کنیم.

<form action="login.php" method="post">

در ابتدا با تگ <fotm ساخت فرم رو شروع میکنیم.

دستور action برای صفحه نتیجه یا مراجعه کننده هست که باید کدنویسی انجام بشه. مثلا توی فرم دو بخش میگذارید که کادر ورود نام کاربری و رمز باشه و روی دکمه زد وارد بشه. اگه روی دکمه زد به ادرسی که در action معرفی کردیم میره و بررسی و پردازش رو انجام میده (برای بررسی و ... باید کدنویسی به زبان php یا ... بشه)

دستور method هم برای ارسال نوع مقدار دهی هست که دو ورودی میگیره. (البته بصورت کلی چهار ورودی میگیره ولی جامع ترین و کاربردی ترین 2 تا هست)

یکی get و دیگری post

اگر این مقدار رو get قرار بدیم هنگامی که میخواد اطلاعات رو بفرسته، توی ادرس بار نشون میده اطلاعات ارسال شده رو. این روش برای نام کاربری و رمز و ... اصلا مناسب نیست. چون نمایش داده میشه.

اگر این مقدار رو post قرار بدیم هنگامی که اطلاعات ارسال میشه، توی ادرس هیچ چیزی نشون نمیده و موقتا ذخیره میکنه و در صفحه ارجاعی استفاده میشه. این روش برای ارسال نام کاربری و رمز و ... استفاده میشه معمولا.

 

خب برای بستن فرم نیز در خط بعدی دستور زیر رو استفاده میکنیم.

</form>

بین این دو تگ مقدارهای ورودی فرم رو مینویسیم.

مقدارها بصورت زیر نوشته میشن و تابع های زیادی داره.

<input type="text" name="tbox" value="test text">

خب با <input شروع میکنیم تگ رو. بعد نوع متد رو مشخص میکنیم.

خاصیت های زیادی داره. ولی کاربردی ترینشون اینها هست.

text, button,checkbox, submit و ...

خاصیت text کادر ورودی متن هست که مشخص میکنه یه کادر باشه که کاربر مقداری درونش وارد کنه.

خاصیت button دکمه خاصیت checkbox چک باکس و ...

این خاصیت submit هم یه نوع دکمه هست که برای دکمه نهایی یا ارسال اطلاعات فرم استفاده میشه. مثلا دکمه ورود یا ثبت نام یا ...

این میاد مقادیر درون خاصیت های فرم مثل text رو به اون ادرس داخل action ارسال میکنه. بسته به نوع method که get و post هست نمایش یا مخفی بودن اطلاعات در نوار ادرس نیز مشخص میشه.

اینطوری مینویسیم.

<input type="submit" name="submit" value="Login">

خب دو مقدار دیگه هم ما توی input وارد کردیم. یکی name که برای نام شی هست که توی کدنویسی و بخش ورود استفاده میشه بعنوان شناختن شی. یکی value که مقدار پیشفرض رو میده به شی. مثلا اینجا ما login رو نوشتیم که متن روی دکمه هست.

خاصیت های زیادی داره فرم و میشه بصورت کامل یک فرم html ساخت. البته برای طراحی نوع کادر و دکمه و دیگر مشخصات باید با css مخلوط کنیم.

 

خب این هم اموزش فرم. یه مروری بر کدهای بالا داشته باشیم.

<form action="login.php" method="post">
  <input type="text" name="tbox" value="test text">
  <input type="submit" name="submit" value="Login">
</form>

 

پایان اموزش ساخت فرم در html

[mohammadmehrabi 11]

یک بخش دیگر جالب و کاربردی از اموزش در فرم.

برای کلید shortcut برای دکمه ثبت.

مثلا اگر دکمه s یا ... زده شد بطور پیشفرض دکمه ثبت اجرا شود.

<input type="submit" name="submit" value="Login" accesskey="p">

به این نکته توجه کنید که هر مرورگر دارای یک کلید ترکیبی هست که باید با اون کلید زده بشه. به عنوان مثال یک مرورگر کلید alt کلید ترکیبی خودش هست و باید همزمان alt+p طبق کد بالا زده بشه تا عمل کنه و اجرا بشه.

بخش مهم کد بالا در واقع این کد هست.

accesskey="p"

که ما برای مثال حرف p رو قرار دادیم و هر حرفی بخواهید میتونید قرار بدید.

[mohammadmehrabi 11]

تعیین اجباری یا اختیاری بودن مقدار وارد شده در input فرم نیز اینگونه معرفی میشه.

<input type="text" name="tbox" required>

در واقع ما مقدار required رو به متد input اضافه میکنیم.

اگر خالی باشه و روی submit زده بشه، یک پیغام ارور میده که باید مقدار داخل ورودی پر بشه.