آموزش تگ form در HTML

سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ form در HTML با من همراه باشید.

آموزش تگ form در HTML

Free-Learn

تگ Form در HTML

تگ form همانطور که از اسمش هم مشخصه میتونه یک یا چندین فرم رو در یک صفحه ی وب ایجاد/تعریف نماید.

پیشنهاد میکنم آموزش کار با فرم ها را در HTML از اینجا مشاهده نمایید.

Free-Learn

مثال از تگ form در HTML

در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.

امتحان کنید

Free-Learn

پشتیبانی مرورگرها

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

نام مرورگر Chrome Firefox Opera Safari IE
پشتیبانی بله بله بله بله بله

Free-Learn

جدول صفات تگ form در HTML

در جدول زیر میتوانید صفات بهمراه مقادیری را که میتوان در این تگ استفاده کرد را مشاهده نمایید.

(علامتیعنی در HTML5 پشتیبانی نمی شود.)

(علامت یعنی در HTML5 اضافه شده است)

نام صفت مقدار توضیح
accept file_type مشخص میکند که چه فایل هایی میتواند توسط کاربر آپلود شوند.()
accept-charset character_set نحوه کدگذاری داده ها را برای ارسال در فرم ها مشخص میکند.
action URL مشخص میکند که داده های یک فرم به کجا (سرور) ارسال شوند.
autocomplete on
off
قابلیت تکمیل خودکار فیلدهای فرم را مشخص میکند. ()
enctype application/x-www-form-urlencoded
multipart/form-data
text/plain
نحوه ی کدگذاری داده های یک فرم را در هنگام ارسال به سرور مشخص میکند. (فقط برای متد Post عمل میکند)
method get
post
نحوه چگونگی ارسال داده های یک فرم را به سرور مشخص میکند.
name text یک نام را برای فرم مشخص میکند.
novalidate novalidate برای تعریف اینکه داده های یک فرم در هنگام ارسال به سرور اعتبارسنجی نشوند. ()
target _blank
_self
_parent
_top
نحوه نمایش صفحه مقصد (صفحه نتیجه نمایش فرم) را مشخص میکند.

Free-Learn

پشتیبانی از صفات و رویدادهای عمومی

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

Free-Learn

نکات و توضیحات

در HTML5 دو (۲) صفت (autocomplete و novalidate) برای تگ فرم اضافه شده است و همچنین صفت accept در HTML5 حذف شده است.

در XHTML برای مشخص کردن نام یک فرم باید از صفت ID استفاده نماییم ، ولی در HTML از صفت Name میتوانیم به راحتی استفاده نماییم.

Free-Learn

دستورات CSS پیش فرض

معمولا مرورگرها تگ form را بصورت پیش فرض با دستورات CSS زیر نمایش میدهند.


Free-Learn