تگ form در HTML

تگ 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 بین المللی آکادمی دویکس به صورت رایگان ثبت نام کنید.

این مقاله چقدر براتون مفید بود؟

اولین امتیاز را ثبت کنید😊