آموزش طراحی سایت (HTML CSS Javascript) | آتریا

تگ 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

آموزش html فیلم آموزش html

: نوشته شده توسط سمیه فخری; بازدید: 16625

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

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

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی