تگ form در HTML
دسته بندی : آموزش HTML سطح مقاله : متوسط زمان مطالعه : 1 دقیقه آخرین بروز رسانی: 12 آذر 1399در این مقاله با تگ form در HTML آشنا می شوید.
نکات اصلی تگ form در HTML
- تگ HTML form عناصر را گروه بندی کرده و داده های آنها را به یک وب سرور ارسال می کند.
- یک عنصر فرم معمولی شامل یک تگ
<input>
با مقدار نوع ارسال است که برای ارسال<form>
استفاده می شود.
استفاده از form Element
تگ <form>
ناحیه ای را تعریف می کند که شامل عناصر تعاملی برای ارسال داده است.
<form action="search" method="GET">
Search Term: <input type="text" name="search_query">
<input type="submit" value="Search">
</form>
- عناصر
<input>
و<textarea>
و<button>
و<select>
همراه با<option>
داده ها را در یک فرم جمع آوری می کنند. - همچنین ،
<fieldset>
عناصر<form>
را گروه بندی می کند.<label>
عناصری را برای عناصر <input> فراهم می کند. - عنصر دیگر
<optgroup>
برای گروه بندی عناصر<option>
در داخل عنصر<select>
است.
ویژگی های استفاده از تگ form
accept در تگ form
لیستی از انواع جدا شده با کاما را که سرور می پذیرد تنظیم می کند.
<form action="upload" method="POST" enctype="multipart/form-data" accept="image/jpeg, image/png">
Select Image: <input type="file" name="uploaded_filename">
<input type="submit" value="Upload">
</form>
توجه: در HTML5 حذف شده است. ویژگی قبول را برای یک عنصر <input>
خاص به عنوان گزینه دیگر اعمال کنید.
accept-charset
لیستی از رمزگذاری نویسه ها را که هنگام ارسال داده استفاده می شود ، جدا می کند.
<form action="search" method="GET" accept-charset="ANSI ISO-8859-1">
Search Term: <input type="text" name="search_query">
<input type="submit" value="Search">
</form>
action
URI یک برنامه ، پردازش داده <form>
.
<form action="http://www.bitdegree.org/" method="GET">
Search Term: <input type="text" name="search_query">
<input type="submit" value="Search">
</form>
autocomplete
ویژگی تکمیل خودکار را روی ON یا OFF تنظیم می کند.
<form action="register" method="POST" autocomplete="on">
Surname: <input type="text" name="name">
Personal mail: <input type="text" name="email">
<input type="submit" value="Register">
</form>
enctype
در مواردی که ویژگی متد post باشد ، enctype به نوع MIME داده ای که برای ارسال فرم به سرور استفاده می شود تبدیل می شود.
<form action="upload" method="POST" enctype="multipart/form-data" accept="image/*">
Select Image: <input type="file" name="uploaded_filename">
<input type="submit" value="Upload">
</form>
method
نوع روش HTTP را برای ارسال فرم تنظیم می کند.
<form action="search" method="GET">
Search Term: <input type="text" name="search_query">
<input type="submit" value="Search">
</form>
name
نام <form>
را تعریف می کند.
<form name="searchForm" action="search" method="GET">
Search Term: <input type="text" name="search_query">
<input type="submit" value="Search">
</form>
توجه: HTML4 ویژگی نام را منسوخ می کند. به جای آن شناسه اعمال می شود. در HTML5 ، ویژگی نمی تواند خالی باشد و باید منحصر به فرد باشد.
novalidate
فرم را تنظیم می کند که در هنگام ارسال تأیید نشود.
<form action="register" method="POST" novalidate>
Surname: <input type="text" name="name">
Personal mail: <input type="text" name="email" required>
<input type="submit" value="Register">
</form>
target در تگ form
مکان مورد نظر را برای پاسخ سرور وب تنظیم می کند.
<form action="http://www.bitdegree.org/" method="GET" target="_blank">
Search Term: <input type="text" name="search_query">
<input type="submit" value="Search">
</form>
پشتیبانی از مرورگر
این تگ در مرورگرهای : IE، safari ، firefox، cherom، opera و Edge پشتیبانی می شود.
در دوره آموزش HTML بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.
این مقاله چقدر براتون مفید بود؟