برچسب <form> یک فرم HTML برای ورودی کاربر ایجاد میکند و نشان دهنده یک بخش ، شامل کنترل های تعاملی برای ارسال اطلاعات به وب سرور است. این عنصر می تواند شامل یک یا تعدادی از عناصر زیر باشد :
<input>
<textarea>
<button>
<select>
<option>
<optgroup>
<fieldset>
<label>
به مثال زیر توجه کنید :
<!DOCTYPE html>
<html>
<body>
<form action="demo_form.asp">
First name: <input type="text" name="FirstName" value="Mickey"><br>
Last name: <input type="text" name="LastName" value="Mouse"><br>
<input type="submit" value="Submit">
</form>
<p>Click the "Submit" button and the form-data will be sent to a page on the server called "demo_form.asp".</p>
</body>
</html>
مثال ۲:
<!DOCTYPE html>
<html>
<body>
<!-- Simple form which will send a GET request -->
<form action="">
<label for="GET-name">Name:</label>
<input id="GET-name" type="text" name="name">
<input type="submit" value="Save">
</form>
<!-- Simple form which will send a POST request -->
<form action="" method="post">
<label for="POST-name">Name:</label>
<input id="POST-name" type="text" name="name">
<input type="submit" value="Save">
</form>
<!-- Form with fieldset, legend, and label -->
<form action="" method="post">
<fieldset>
<legend>Title</legend>
<input type="radio" name="radio" id="radio"> <label for="radio">Click me</label>
</fieldset>
</form>
</body>
</html>
تگ form و کاربرد آن در html
تفاوت بین HTML 4.01 و HTML5
HTML5 دو خاصیت جدید به نام autocomplete و novalidate اضافه و یک خاصیت accept را حذف کرده است .
تفاوت بین HTML و XHTML
در XHTML، خاصیت name برای عنصر form نامناسب شناخته شده است و به جای آن میتوان از خاصیت id استفاده کرد.
خاصیت ها
تگ HTML می تواند شامل یک یا چند خاصیت باشد که چگونگی ارائه در مرورگر را تعیین میکنند. خاصیت ها دارای یک نام و یک مقدار هستند که با علامت (=) از هم جدا شده اند. مقدار خاصیت با علامت نقل قول احاطه میشود .
۳ نوع خاصیت وجود دارد که شما می توانید به تگ های HTML خود اضافه کنید:
خاصیت ویژه عنصر
خاصیت عمومی
خاصیت رویداد
خاصیت ویژه عنصر
| Attribute | Value | Description | |
| accept | file_type | در html5 پشتیبانی نمی شود. لیستی از انواع فایل های مورد قبول سرور، که با کاما از یکدیگر جدا میشوند را مشخص میکند (فایل هایی که از طریق آپلود فایل ارسال میشوند) | |
| accept-charset | character_set | کاراکترهای encodingکه برای ارسال فرم استفاده می شود را مشخص میکند | |
| action | URL | محلی که اطلاعات فرم ارسال شده ، به آن فرستاده میشود را مشخص میکند. | |
| autocomplete | on off | فعال یا غیر فعال بودن تکمیل خودکار فرم را مشخص میکند. | |
| enctype | application/x-www-form-urlencoded multipart/form-data text/plain | نحوه کد گذاری اطلاعات فرم در هنگام ارسال به سرور را مشخص میکند (فقط برای method=”post”) | |
| method | get post | متد HTTP مورد استفاده در هنگام ارسال اطلاعات فرم را مشخص می کند. | |
| name | text | نام یک فرم را مشخص میکند. | |
| novalidate | novalidate | مشخص میکند که فرم ارسال شده در هنگام ارسال نباید اعتبارستجی شود . | |
| target | _blank _self _parent _top | نحوه نمایش صفحه مقصد، بعد از ارسال اطلاعات فرم را نشان میدهد. | |
خاصیت های عمومی
تگ form از خاصیت های عمومی HTML پشتیبانی میکند
| accesskey | hidden | itemtype |
| class | id | lang |
| contenteditable | inert | spellcheck |
| contextmenu | itemid | style |
| dir | itemprop | tabindex |
| draggable | itemref | title |
| dropzone | itemscope | translate |
خاصیت های رویداد
تگ form از خاصیت های رویداد در HTML نیز پشتیبانی میکند.
| onabort | onended | onmousewheel |
| oncancel | onerror | onpause |
| onblur | onfocus | onplay |
| oncanplay | onformchange | onplaying |
| oncanplaythrough | onforminput | onprogress |
| onchange | oninput | onratechange |
| onclick | oninvalid | onreadystatechange |
| oncontextmenu | onkeydown | onscroll |
| ondblclick | onkeypress | onseeked |
| ondrag | onkeyup | onseeking |
| ondragend | onload | onselect |
| ondragenter | onloadeddata | onshow |
| ondragexit | onloadedmetadata | onstalled |
| ondragleave | onloadstart | onsubmit |
| ondragover | onmousedown | onsuspend |
| ondragstart | onmousemove | ontimeupdate |
| ondrop | onmouseout | onvolumechange |
| ondurationchange | onmouseover | onwaiting |
| onemptied | onmouseup |
پشتیبانی از مرورگر ها
برچسب form در همه مرورگرهای اصلی نظیر اینترنت اکسپلورر، فایرفاکس ، اپرا ، گوگل کروم و سافاری پشتیبانی می شود.
هیچ نظری موجود نیست:
ارسال یک نظر