تگ form در HTML

چاپ

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

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

<form action="demo_form.asp" method="get">
  First name: <input type="text" name="fname"><br>
  Last name: <input type="text" name="lname"><br>
  <input type="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.

خصوصیت مقدار توضیحات
accept file_type در HTML5 پشتیبانی نمی شود.
مشخص کننده یک لیست از مجموعه قابل قبول از فایل هایی که سرور می پذیرد (این فایل ها می توانند از طریق آپلود فایل، ارسال شوند).
accept-charset character_set کد کردن کاراکترها که برای ارسال فرم ها به کار می رود را مشخص می کند.
action URL مشخص می کند هنگام ارسال فرم، داده های فرم به کجا فرستاده شوند.
autocomplete on
off
مشخص می کند که قابلیت autocomplete فعال باشد یا خیر.
enctype application/x-www-form-urlencoded
multipart/form-data
text/plain
مشخص می کند هنگام ارسال فرم به سرور داده های فرم چگونه باید رمز گذاری شود (تنها برای زمانی که متد ارسال "post" باشد).
method get
post
مشخص می کند که از چه متد HTTP  در هنگام ارسال داده های فرم استفاده کنیم.
name text مشخص کننده یک name برای فرم است.
novalidate novalidate مشخص می کند به هنگام ارسال احتیاجی نیست فرم اعتبار سنجی شود.
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