فرم HTML

فرم HTML

فرم ها برای فرستادن داده ها به سرور استفاده میشود. فرم ها میتوانند ورودی ها مختلفی از جمله فیلد متنی، چک باکس ها، دکمه های رادیویی و … را شلمل شود. برای ساختن فرم HTML از تگ فرم  <form> استفاده میشود.

ورودی فرم HTML

مهمترین ورودی فرم HTML المان <input> است. المان <input> برای گرفتن داده ها و ورودی ها استفاده میشود. المان <input> بسته به نوع صفتی که میخواهیم نوع (type) متفاوتی دریافت میکند. این type ها میتواند بسته به نیاز ما متن، رمز، دکمه ارسال، دکمه های رادیویی یا چک باکس مقدار دریافت کنند. ورودی های معمول فرم HTML در ادامه توضیح داده شده است.

فیلدهای متنی

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

را در یک خط وارد کنید و نام آن فیلد را مشخص کنید. مانند زیر:

خروجی این مثال به صورت زیر است:

نام:  

نام خانوادگی :

 نکته : به صورت پیش فرض تنها ۲۰ کاراکتر میتوانید در فیلد متنی وارد کنید.

فیلد رمز

برای گذاشتن بخشی که کاربر بتواند رمز عبور خود را وارد کنند کافی است نوع ورودی را password وارد کنید.

برای فیلد رمز عبوردر فرم HTML یک مثال مشاهده کنید:

خروجی این مثال به صورت زیر است:

رمز:

دکمه ها رادیویی

برای ایجاد دکمه های رادیویی باید مقدار input را به صوراتزیر قرار دهید:

نکته: کاربر تنها میتواند یک گزینه را انتخاب کند

خروجی این مثال به صورت زیر است:

مرد 

زن

چک باکس

برای ایجاد بخشی به صورت چک باکس کد

در فلید ها به صورت چک باکس برخلاف دکمه های رادیویی میتوانید چند بخش را انتخاب کنید یا اصلا هیچ بخشی را انتخاب نکنید. یک مثال مشاهده کنید:

خروجی این بخش به صورت زیر است:

I have a bike 

I have a car

دکمه ارسال

دکمه ارسال داده ها را در به سرور انتقال میدهد. نحوه انتقال داده ها توسط php را در مبحث فرم ها توضیح داده ایم. برای ایجاد بخش ارسال از کد

استفاده میشود.
یک مثال مشاهده کنید:

خروجی این مثال به صورت زیر است:

نام کاربری:

 

13 نظرات شما

  • mha10

    اردیبهشت ۲۰, ۱۳۹۳ at ۱۰:۵۵ ق.ظ
    من میخوام دور قسمت های آبی رنگ کنار قالب رو قاب بندازم و بجای رنگ ابی میخوام این عکس http://upload.tehran98.com/upme/uploads/e716a30022166d941.jpg باشه.میشه کمک کنید؟ لینک عکس وبلاگ:http://upload.tehran98.com/upme/uploads/ae0f502287b200b91.png لطفا کمک کنید اگه کاری از دستتون بر میاد و میتونید انجامش بدید لینکتون میکنم
    • بهاران بنی اسدی

      خرداد ۲۶, ۱۳۹۳ at ۶:۱۵ ب.ظ
      یعنی میخواید این شکلی بشه: http://mobtadi.com/wp-content/uploads/2014/06/test.jpg نمیدونم چقدر کدنویسی بلدید، اگر وارد نیستید دسترسی بدید براتون درستش کنم.
  • mha10

    خرداد ۲۹, ۱۳۹۳ at ۴:۱۸ ب.ظ
    بله همینجوری.فقط دور قالب میخوام به قاب باشه مثل www.barcanews.org(قاب قرمز رنگ).اینم از دسترسیتون نام کاربری:*** رمز****
    • بهاران بنی اسدی

      خرداد ۲۹, ۱۳۹۳ at ۶:۵۴ ب.ظ
      سلام دسترسی ایجاد کردید ولی به فایل قالب دسترسی ندارم و نمیتونم تغییری ایجاد کنم
  • mha10

    تیر ۴, ۱۳۹۳ at ۵:۲۶ ب.ظ
    درست شد
  • edris

    تیر ۱۱, ۱۳۹۳ at ۴:۱۳ ق.ظ
    میشه یه فرم رو از اکسس روی وب سایتم بذارم . به گونه ای که اطلاعاتی که بازدیدکنندگان وب سایت درج میکنند به فایل اکسس درون کامپیوترم منقل شود.؟
    • بهاران بنی اسدی

      تیر ۱۴, ۱۳۹۳ at ۷:۳۱ ب.ظ
      بصورت مستقیم که خیر ولی میتونید هر چند وقت یکبار کامپیوتر رو با دیتابیس همسان سازی کنید. البنه این کار خیلی پیچیده است و اصلا مبتدی نیست :)
  • مهدی

    آذر ۲۵, ۱۳۹۳ at ۲:۱۶ ب.ظ
    چجور رنگش رو عوض کنم
    • الهه قنبری

      تیر ۱۵, ۱۳۹۴ at ۱۱:۲۵ ق.ظ
      شما با استایل دادن به هر بخشی می توانید رنگ را عوض کنید. با استفاده از background و یا color
  • AmirrezA

    مرداد ۱۳, ۱۳۹۴ at ۲:۴۶ ب.ظ
    من واقعا نمیدونم HTML یاد بگیرم یا php میشه یکم کمکم کنین ممنون
    • الهه قنبری

      مرداد ۱۶, ۱۳۹۴ at ۱۰:۴۴ ب.ظ
      شما باید اول با HTML آشنا شوید و قدم به قدم آموخته های خود را افزایش دهید!
  • هک

    آبان ۲۳, ۱۳۹۴ at ۴:۳۹ ق.ظ
    میتونید کمکم کنید؟ به زبان html یه برنامه میخوام بنویسم که یک فیلد ورودی داشته باشه سه تا خروجی یه عدد به ورودی بدیم تو خروجی بهمون تحویل بده باید چیکار کرد لطفا راحنمایی کنید
  • ebrahim

    اسفند ۲۱, ۱۳۹۴ at ۱۲:۱۰ ب.ظ
    hi i wishes u could teaching used to be move because i am belive i will better teaching htmi thank for every thim my dear

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *


© 2013 Mobtadi. All rights reserved.
کلیه حقوق مادی و معنوی برای وبسایت مبتدی محفوظ است.