ویژگی های فرم (Form Attributes)
اینجا با ویژگی های فرم HTML آشنا می شویم. «ویژگی (Attribute)» یعنی تنظیمات اضافی روی تگ. مثل گزینه های فرم ثبت نام مدرسه؛ اما برای مرورگر.
action؛ آدرس پردازشگر فرم
action می گوید داده ها بعد از ارسال کجا بروند. معمولاً به یک فایل روی سرور می رود.
<form action="/action_page.php">
<label for="fname">First name:</label>
<input type="text" id="fname" name="fname" value="John">
<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname" value="Doe">
<input type="submit" value="Submit">
</form>
نکته: اگر action را نگذاری، همان صفحه فعلی هدف می شود.
target؛ محل نمایش پاسخ
target مشخص می کند نتیجه ارسال کجا باز شود. مقدار پیش فرض _self است.
<form action="/action_page.php" target="_blank">
<input type="submit" value="Open in new tab">
</form>
method؛ روش ارسال داده
method تعیین می کند داده ها با GET یا POST ارسال شوند. GET پیش فرض است.
نمونه GET
<form action="/action_page.php" method="get">
<input type="text" name="q" value="hello">
<input type="submit" value="Search">
</form>
- داده ها به URL چسبانده می شوند.
- برای اطلاعات حساس هرگز مناسب نیست.
- طول URL محدود است.
- نتیجه قابل بوکمارک است.
نمونه POST
<form action="/action_page.php" method="post">
<input type="text" name="username">
<input type="password" name="password">
<input type="submit" value="Login">
</form>
- داده ها در بدنه درخواست می روند.
- محدودیت اندازه ندارد.
- قابل بوکمارک نیست.
هشدار: برای اطلاعات شخصی همیشه از POST استفاده کن.
autocomplete؛ تکمیل خودکار
autocomplete اگر روشن باشد، مرورگر از ورودی های قبلی کمک می گیرد.
<form action="/action_page.php" autocomplete="on">
<input type="email" name="email">
<input type="submit" value="Send">
</form>
novalidate؛ بی خیال اعتبارسنجی
novalidate یعنی هنگام ارسال، مرورگر ورودی ها را چک نکند.
<form action="/action_page.php" novalidate>
<input type="email" name="email">
<input type="submit" value="Submit">
</form>
فهرست کوتاه ویژگی های مهم
- accept-charset، action، autocomplete، enctype.
- method، name، novalidate، rel، target.
جمع بندی سریع
- action مقصد ارسال است.
- target محل نمایش پاسخ است.
- GET قابل بوکمارک است؛ امن نیست.
- POST برای اطلاعات حساس بهتر است.
- autocomplete کمک به تکمیل سریع می کند.