{CodeGate}

 

انواع input در فرم های php (آموزش input type )

در این جلسه تیم کد گیت قصد آموزش انواع input در فرم های php به شما عزیزان را دارد پس تا اخر این آموزش ما را همراهی کنید. پیشنیاز این آموزش ، آموزش کار با فرم در php می باشد.

انواع input در فرم های php

در این جلسه قصد معرفی انواع input های رایج و مورد استفاده در php را به شما عزیزان داریم. این input ها عبارت اند از:

  • Button
  •  Text field
  •  Text area
  •  Password
  • Checkbox
  • Radio button
  • Menu
  • Rest button
  • Submit button
  • Hidden field
  • File

در لیست بالا به دلیل کاهش پراکندگی مطالب ، دو مورد اخر را در پستی جداگانه مورد بررسی قرار داده ایم ولی سایر انواع input در فرم های php را هم اکنون بررسی می کنیم.

Button :

دکمه یا همان button یکی از پر کاربردترین انواع input در php جهت تعامل با کاربر است.مثالی از استفاده نوع بدون css این نوع input در زیر آمده است در صورتی که تمایل داشته باشید برای زیبایی آن می توانید css برای آن تعریف کنید و برای عملکرد آن نیز می توان از javascript کمک گرفت.

نکته:در این input صفت value به نامی دکمه به کاربر نمایش داده می شود اشاره دارد.

Text field :

این نوع input بیشتر در مواردی کاربرد دارد که کاربر می خواهد متنی تک خطی (طول متن زیاد نیست ) را به عنوان اطلاعات وارد کرده و ارسال نماید در این صورت باید از این نوع input استفاده کنیم به مثال زیر توجه کنید:

value در این نوع input مقدار پیشفرض است و در صورت تغییر ندادن آن توسط کاربر به صفحه مقصد ارسال می شود( با placeholder فرق می کند)

می توان به مثال بالا صفات size و maxlength  را افزود که به ترتیب برای تعیین عرض input و طول نوشته ورودی (بر اساس تعداد کاراکتر)می باشد.

Text area :

هر چند Text area از نوع  input  نیست ولی در فرم ها کارایی بسیاری دارد و همانند Text field می باشد ولی با دو تفاوت :

  • می توان چند متن چند خطی وارد آن نمود.
  • مقدار در بین دو تگ قرار دارند نه در صفت Value

به مثال زیر توجه فرمایید:

Password :

نوعی Text field است ولی با این تفاوت که کارکترهای ورودی توسط کاربر به کاربر نمایش داده نمی شوند.

Checkbox :

زمانی که می خواهید کاربر بین چند گزینی موجود ، هیچ کدام یا چند مورد را با هم انتخاب کند، این نوع ورودی کارایی خود را نشان می دهد:

Radio button :

زمانی که می خواهید یک کاربر حداقل یکی از گزینه های را انتخاب کنید ( مثل گرفتن جنسیت از کاربر) می توانید از این نوع input  استفاده کنید.

نکته : برای تعیین حالت پشفرض صفت checked را به آن input اضافه کنید ( در مثال بالا حالت پشفرض مرد است)

نکته: اگر یک input از نوع radio تعریف کنید خودش تنها حالت می باشد ولی اگر بخواهیم چند حالت را برای کاربر قرار دهیم که بین آنها انتخاب کند باید صفت name آن ها مقداری یکسان داشته باشد. برای درک بهتر نام هر یک از input های مثال بالا را متفاوت با دیگری تعیین کنید مشاهده می کنید که تمام آنها را می توان همزمان انتخاب نمود زیرا مربوط به یک گروه خواص یا اصطلاحا Radio group نیستند.

Menu :

زمانی که بخواهید که حالت های شما بیشتر از آن است که بتوان آن را به شکل Radio group پیاده سازی نمود ، می توان آن را در یک منو باز شونده ای قرار داد تا کاربر با باز نمودن آن به اطلاعاتش دسترسی پیدا نماید.

صفتهای size و Selected به ترتیب تعداد انتخاب های نمایش داده شده به صورت همزمان و انتخاب حالت پیشفرض می باشد.

submit button :

جهت تایید و ارسال  اطلاعات به صفحه مقصد مورد استفاده قرار می گیرد.

Reset button :

جهت خالی کردن تمام فیلدهای موجود در یک ویا باز گرداندن آن با حالت پیش فرض .

در اینجا آموزش انواع input در فرم های php  به پایان می رسد امید واریم توانسته باشیم مطلب را قابل فهم انتقال بدهیم.

دسته : php

دیدگاه بگذارید

نظر شما چیست؟

مطلع کردن شما از
avatar

wpDiscuz