%35 تخفیف، با کد MiladeRasol روی تمام آموزش ها، بمناسبت میلاد رسول اکرم(ص)
زمان باقی مانده (تمدید شد)

تگ form در HTML

مثال (تگ form در HTML)

یک فرم  HTML با دو فیلد input و یک دکمه submit:

<formaction="demo_form.asp"method="get">
  First name: <inputtype="text"name="fname"><br>
  Last name: <inputtype="text"name="lname"><br>
  <inputtype="submit"value="Submit">
</form>

خودتان امتحان کنید »

شما می توانید مثال های بیشتری را در پایین این صفحه مشاهده کنید.


تعریف و کاربرد تگ form در HTML

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

تگ <form> می تواند یک یا چند عنصر از عناصر فرم زیر را شامل شود:


پشتیبانی مرورگرها از تگ form در HTML

عنصر     
<form>بلهبلهبلهبلهبله

تفاوت بین HTML 4.01 و HTML5

ویژگی های جدیدی در HTML5 اضافه شده که شامل: autocomplete و novalidate و یک ویژگی از آن حذف شده که شامل: accept است.


تفاوت بین  HTML  و  XHTML

در XHTML، صفت name استفاده نمی شود. به جای آن از ویژگی عمومی یعنی Id استفاده می کنیم.


خصوصیت ها

= جدید در HTML5.

خصوصیتمقدارتوضیحات
acceptfile_typeدر HTML5 پشتیبانی نمی شود.
مشخص کننده یک لیست از مجموعه قابل قبول از فایل هایی که سرور می پذیرد (این فایل ها می توانند از طریق آپلود فایل، ارسال شوند).
accept-charsetcharacter_setکد کردن کاراکترها که برای ارسال فرم ها به کار می رود را مشخص می کند.
actionURLمشخص می کند هنگام ارسال فرم، داده های فرم به کجا فرستاده شوند.
autocompleteon
off
مشخص می کند که قابلیت autocomplete فعال باشد یا خیر.
enctypeapplication/x-www-form-urlencoded
multipart/form-data
text/plain
مشخص می کند هنگام ارسال فرم به سرور داده های فرم چگونه باید رمز گذاری شود (تنها برای زمانی که متد ارسال "post" باشد).
methodget
post
مشخص می کند که از چه متد HTTP  در هنگام ارسال داده های فرم استفاده کنیم.
nametextمشخص کننده یک name برای فرم است.
novalidatenovalidateمشخص می کند به هنگام ارسال احتیاجی نیست فرم اعتبار سنجی شود.
target_blank
_self
_parent
_top
مشخص می کند پس از ارسال فرم به سرور، پاسخ دریافت شده در کجا نمایش داده شود. (در صفحه جاری یا یک صفحه جدید و ...)

ویژگی های عمومی تگ form در HTML

تگ <form> از ویژگی های عمومی در HTML پشتیبانی می کند.


رویدادهای عمومی تگ form در HTML

تگ <form> از رویدادهای عمومی در HTML پشتیبانی می کند.


مثال

 خودتان امتحان کنید - مثال

 

Form with checkboxes
 چگونه یک فرم با دو checkbox و یک دکمه submit ایجاد کنیم.

Form with radiobuttons
 چگونه یک فرم با دو radio button و یک دکمه submit ایجاد کنیم.


آموزش های مرتبط

آموزش HTML-فرم ها 

مرجع اشیاء اچ تی ام ال: تگ form در JavaScript 

تبلیغات اینترنتی
دوره های آموزشی راه اندازی کسب و کارهای اینترنتی
تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.
logo-samandehiمجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامیپرداخت آنلاین -  بانک ملتمعرفی بیاموز در شبکه سهپرداخت آنلاین - بانک اقتصاد نوینپرداخت آنلاین - بانک سامان