آموزش تگ form در HTML
سلام خدمت تمامی دوستان و همراهان محترم سایت آموزشی فری لرن ، امیدوارم که حال همگیتون خوب باشه. لطفا در ادامه با آموزش تگ form در HTML با من همراه باشید.
Free-Learn
آنچه در این جلسه میخوانید :
تگ Form در HTML
تگ form
همانطور که از اسمش هم مشخصه میتونه یک یا چندین فرم رو در یک صفحه ی وب ایجاد/تعریف نماید.
Free-Learn
مثال از تگ form در HTML
در ادامه میتوانید یک مثال از این تگ را مشاهده نمایید.
1 2 3 4 5 6 7 8 9 |
<body> <form action="files/get-data1.php" method="get"> نام: <input type="text" name="fname"><br> فامیلی: <input type="text" name="lname"><br> <input type="submit" value="ارسال"> </form> </body> |
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 زیر نمایش میدهند.
1 2 3 4 |
form { display: block; margin-top: 0em; } |