ویژگی‌های فرم HTML

این فصل HTML را معرفی می‌کند <form> ویژگی‌های مختلف عناصر.

ویژگی Action

action ویژگی‌ها تعریف می‌کنند که چه کاری باید انجام شود هنگام ارسال فرم.

معمولاً، زمانی که کاربر بر روی دکمه "ثبت" کلیک می‌کند، داده‌های فرم به فایل روی سرور ارسال می‌شود.

در مثال زیر، داده‌های فرم به فایل به نام "action_page.php" ارسال می‌شود. این فایل شامل اسکریپت سرور برای پردازش داده‌های فرم است:

مثال

بعد از ارسال، داده‌های فرم به "action_page.php" ارسال می‌شود:

<form action="/action_page.php">
  <label for="fname">نام:</label><br>
  <input type="text" id="fname" name="fname" value="Bill"><br>
  <label for="lname">نام خانوادگی:</label><br>
  <input type="text" id="lname" name="lname" value="Gates"><br><br>
  <input type="submit" value="Submit">
</form>

آزمایش کنید

نکات:اگر ویژگی action را شامل نکنید، action را به صفحه فعلی تنظیم می‌کند.

Target 属性

target 属性规定提交表单后在何处显示响应。

target 属性可设置以下值之一：

值 توضیح
_blank 响应显示在新窗口或选项卡中。
_self 响应显示在当前窗口中。
_parent 响应显示在父框架中。
_top 响应显示在窗口的整个 body 中。
framename 响应显示在命名的 iframe 中。

默认值为 _self，这意味着响应将在当前窗口中打开。

مثال

此处，提交的结果将在新的浏览器标签中打开：

آزمایش کنید

Method 属性

method 属性指定提交表单数据时要使用的 HTTP 方法。

表单数据可以作为 URL 变量（使用 method="get"）或作为 HTTP post 事务（使用 method="post"）发送。

提交表单数据时，默认的 HTTP 方法是 GET。

مثال

此例在提交表单数据时使用 GET 方法：

آزمایش کنید

مثال

此例在提交表单数据时使用 POST 方法：

آزمایش کنید

关于 GET 的注意事项：

  • 以名称/值对的形式将表单数据追加到 URL
  • 永远不要使用 GET 发送敏感数据！（提交的表单数据在 URL 中可见！）
  • URL 的长度受到限制（2048 个字符）
  • 对于用户希望将结果添加为书签的表单提交很有用
  • GET 适用于非安全数据，例如 Google 中的查询字符串

پوسٹ کے بارے میں نکات:

  • فرم کی اطلاعات کو ایچٹی پی ڈی مندرج کوئی نہیں، بلکہ یہ کوئی بھیج سکتا ہے جو یوآرل میں نہیں دکھائی جائیگا
  • پوسٹ کو کوئی حد نہیں ہے، بہت بڑی مقدار کی اطلاعات کو بھی بھیج سکتا ہے۔
  • پوسٹ کے ساتھ فرم کی پیشکش کو نہیں کیا جاسکتا کہ بک مارک کیا جائے

نکات:اگر فرم کی اطلاعات حساس یا شخصی معلومات کا حامل ہیں تو ضرور پوسٹ کو استعمال کریں!

کامپوٹیٹیو خودکار کا حصہ

autocomplete پارٹی کو مقرر کرنا چاہئے کہ خودکار کامپوٹیٹیو کو کیا کار دیا جائے یا نہیں۔

کامپوٹیٹیو خودکار کوئی فعال کیا جاچکا ہے تو براوزر پچھلے داخل کردہ اعداد کو خودکار طور پر داخل کردا ہے۔

مثال

کامپوٹیٹیو خودکار کوئی فرم کو فعال کریں:

<form action="/action_page.php" autocomplete="on">

آزمایش کنید

ویژگی Novalidate

novalidate ویژگی یک ویژگی بولین است.

اگر تنظیم شده باشد، تعیین می‌کند که داده‌های فرم در هنگام ارسال نباید بررسی شوند.

مثال

فرم بدون تنظیم ویژگی novalidate:

<form action="/action_page.php" novalidate>

آزمایش کنید

لیست تمام ویژگی‌های <form>

ویژگی توضیح
accept-charset تعیین کدگذاری حروف برای ارسال فرم.
action تعیین می‌کند که داده‌های فرم در هنگام ارسال به کجا ارسال شوند.
autocomplete تعیین می‌کند که آیا باید امکان خودکاملی (پر کردن) فرم فعال شود یا خیر.
enctype تعیین می‌کند که چگونه داده‌های فرم باید کدگذاری شوند (تنها برای method="post").
method تعیین روش HTTP که باید از آن برای ارسال داده‌های فرم استفاده شود.
name تعیین نام فرم.
novalidate تعیین می‌کند که فرم در هنگام ارسال نباید بررسی شود.
rel تعیین می‌کند که ارتباط بین منبع لینک و مستند فعلی.
target تعیین می‌کند که پس از ارسال فرم، پاسخ دریافت شده کجا نمایش داده شود.