تعریف و کاربرد تگ form در HTML
تگ form همانطور که از اسمش هم مشخصه می تونه یک یا چندین فرم رو در یک صفحه ی وب ایجاد یا تعریف نماید.
تگ <form> به منظور ایجاد یک فرم HTML، برای دریافت ورودی از سمت کاربر استفاده می شود.
تگ <form> می تواند یک یا چند عنصر از عناصر فرم زیر را شامل شود:
- تگ <input>
- تگ <textarea>
- تگ <button>
- تگ <select>
- تگ <option>
- تگ <optgroup>
- تگ <fieldset>
- تگ <label>
نکات و توضیحات
در HTML5 دو (۲) صفت (autocomplete و novalidate) برای تگ فرم اضافه شده است و همچنین صفت accept در HTML5 حذف شده است.
در XHTML برای مشخص کردن نام یک فرم باید از صفت ID استفاده نماییم ، ولی در HTML از صفت Name می توانیم به راحتی استفاده نماییم.
مثال از تگ form در HTML
<form action="get-data.php" method="get">
نام: <input type="text" name="fname"><br>
نام خانوادگی: <input type="text" name="lname"><br>
<input type="submit" value="ارسال">
</form>
تمرین کنید !
پشتیبانی مرورگرها از تگ <form>
Element | ![]() |
![]() |
![]() |
![]() |
![]() |
<form> | بله | بله | بله | بله | بله |
جدول صفات تگ form در HTML
نام صفت | مقدار | توضیح |
accept | file_type | در HTML5 پشتیبانی نمی شود.
مشخص کننده یک لیست از مجموعه قابل قبول از فایل هایی که سرور می پذیرد (این فایل ها می توانند از طریق آپلود فایل، ارسال شوند). |
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 |
نحوه نمایش صفحه مقصد (صفحه نتیجه نمایش فرم) را مشخص می کند. |