درون سایت ها برای ارسال اطلاعات از یک صفحه به صفحه دیگر کدهایی در زبان های مختلف برنامه نویسی تعریف می گردد. استفاده از تگ فرم در 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 اطلاعاتی را ارسال نمی کنند. در این قسمت برای آگاهی کاربر استفاده نموده ایم.
عناصر تگ فرم
تگ فرم می تواند شامل یک یا چند عناصر زیر باشد.
- <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>
پشتیبانی تگ فرم در مرورگرها
المنت | |||||
---|---|---|---|---|---|
<Form> | Yes | Yes | Yes | Yes | Yes |
ویژگی های
صفت | مقدار | توضیحات |
---|---|---|
accept-charset | character_set | رمزگذاری کاراکترهایی را که قرار است برای ارسال فرم استفاده شود، مشخص می کند. |
action | URL | مشخص می کند که هنگام ارسال فرم، داده های فرم به کجا ارسال شود. |
autocomplete | on off | مشخص می کند که یک فرم باید تکمیل خودکار را روشن یا خاموش کند. |
enctype | application/x-www-form-urlencoded multipart/form-data text/plain | نحوه کدگذاری فرم-داده هنگام ارسال آن به سرور را مشخص می کند (فقط برای روش = “پست”) |
method | get post | روش HTTP را برای استفاده هنگام ارسال فرم-داده مشخص می کند. |
name | text | نام یک فرم را مشخص می کند. |
novalidate | novalidate | مشخص می کند که فرم نباید در هنگام ارسال تایید شود. |
rel | external help license next nofollow noopener noreferrer opener prev search | رابطه بین یک منبع مرتبط و سند جاری را مشخص می کند. |
target | _blank _self _parent _top | محل نمایش پاسخی که پس از ارسال فرم دریافت می شود را مشخص می کند. |
شما قادرید تگ های Html را به صورت کامل در صفحه معرفی گردیده مشاهده نمایید.