درون سایت ها برای ارسال اطلاعات از یک صفحه به صفحه دیگر کدهایی در زبان های مختلف برنامه نویسی تعریف می گردد. استفاده از تگ فرم در html جهت ارسال اطلاعات از یک صفحه به صفحه دیگر به زبان برنامه نویسی html استفاده می شود. این تگ از دو روش ارسال post و get استفاده می نماید. بسیاری از فرم ها از جمله باکس های جستجو از روش فوق برای انجام عملیات و نشان نتیجه به شما استفاده می نمایند.

تگ فرم در html

ما در این تگ به صورت باز و بسته استفاده می نماییم. هر تگی که درون تگ Form قرار بگیرید و قابلیت دریافت Value را داشته باشد؛ قادر به دریافت و ارسال اطلاعات را دارد.

تگ فوق به صورت زیر استفاده می گردد.

<form action="/action_page.php" method="get">
</form>

در این روش ما اطلاعات را به صورت Get به صفحه action_page.php ارسال می کنیم. در ادامه توضیحاتی در خصوص Get و Post به شما ارائه می نماییم.

حال قصد داریم که نام و فامیلی شخص را دریافت و به صفحه دیگری ارسال کنیم. کافیست از روش زیر استفاده کنید.

<form action="/action_page.php" method="get">
  <label for="fname">Name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Family:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit">
</form>

دقت کنید که تگ های label اطلاعاتی را ارسال نمی کنند. در این قسمت برای آگاهی کاربر استفاده نموده ایم.

تگ فرم در HTML

عناصر تگ فرم

تگ فرم می تواند شامل یک یا چند عناصر زیر باشد.

  • <input>
  • <textarea>
  • <button>
  • <select>
  • <option>
  • <optgroup>
  • <fieldset>
  • <label>
  • <output>

تفاوت متد Get و Post در تگ فرم

شما به دو روش مشخص و پنهان قادر به ارسال اطلاعات هستید. شاید با خودتان بگویید خوب همیشه به صورت پنهان ارسال می کنیم. برخی موارد بعد از ارسال نیاز است که کد نویس فرایندی را انجام دهد که به ناچار از Get استفاده می کند.

متد Get در Form

در این روش اطلاعات در نوار آدرس کاربر قابل مشاهده است. برای دریافت اطلاعات نیاز است که از $_GET استفاده کنید. نمونه ای از آن در زیر ببینید.

echo $_GET['fname'];

دقت کنید که دستور فوق را در صفحه مقصد که درون مثال ما action_page.php نام دارد ، بنویسید.

متد Post در Form

این متد به صورت مخفی اطلاعات را ارسال می کند. هیچگونه اطلاعاتی درون نوار آدرس به کاربر نشان نمیدهد. و برای دریافت آن باید از $_POST استفاده کنید.

echo $_POST['fname'];

دقت کنید که کد فرم بالا را به post همانند زیر تغییر دهید.

<form action="/action_page.php" method="post">
</form>

پشتیبانی تگ فرم در مرورگرها

المنتمرورگر کروممرورگر edgeمرورگر فایرفاکسمرورگر سافاریمرورگر اپرا
<Form>YesYesYesYesYes

ویژگی های

صفتمقدارتوضیحات
accept-charsetcharacter_setرمزگذاری کاراکترهایی را که قرار است برای ارسال فرم استفاده شود، مشخص می کند.
actionURLمشخص می کند که هنگام ارسال فرم، داده های فرم به کجا ارسال شود.
autocompleteon
off
مشخص می کند که یک فرم باید تکمیل خودکار را روشن یا خاموش کند.
enctypeapplication/x-www-form-urlencoded
multipart/form-data
text/plain
نحوه کدگذاری فرم-داده هنگام ارسال آن به سرور را مشخص می کند (فقط برای روش = “پست”)
methodget
post
روش HTTP را برای استفاده هنگام ارسال فرم-داده مشخص می کند.
nametextنام یک فرم را مشخص می کند.
novalidatenovalidateمشخص می کند که فرم نباید در هنگام ارسال تایید شود.
relexternal
help
license
next
nofollow
noopener
noreferrer
opener
prev
search
رابطه بین یک منبع مرتبط و سند جاری را مشخص می کند.
target_blank
_self
_parent
_top
محل نمایش پاسخی که پس از ارسال فرم دریافت می شود را مشخص می کند.

شما قادرید تگ های Html را به صورت کامل در صفحه معرفی گردیده مشاهده نمایید.