ویژگی‌های form* ورودی HTML

کلاس درس پیشنهادی: <input> این فصل HTML را معرفی می‌کند عناصر مختلف ویژگی‌ها

خصیت form

input کا form این خاصیت <input> فرم متعلق به عنصر

مقدار این خاصیت باید برابر با خاصیت id متعلق به علامت <form> باشد.

مثال

زمینه ورودی که خارج از فرم HTML قرار دارد (اما همچنان بخشی از فرم است):

<form action="/action_page.php" id="form1">
  <label for="fname">فامیلی:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="ثبت">
</form>
<label for="lname">نام:</label>
<input type="text" id="lname" name="lname" form="form1">

آزمایش کنید

خصیت formaction

input کا formaction URL فایل که داده‌های ورودی (داده‌ها) را هنگام ارسال فرم پردازش می‌کند.

نکته:این خاصیت <form> این خاصیت عنصر ویژگی‌ها

formaction خصوصیات فرم کا استعمال آئی این پوائنٹ میں کئی ورودی کا نوعیت کا تعلق رکھتا ہے: submit اور image.

مثال

فرم HTML با دو دکمه ارسال که عملیات مختلفی دارند:

<form action="/action_page.php">
  <label for="fname">فامیلی:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">نام:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="ثبت">
  <input type="submit" formaction="/action_page2.php" value="با عنوان مدیر ارسال شود">
</form>

آزمایش کنید

خصیت formenctype

input کا formenctype این خاصیت مشخص می‌کند که داده‌های فرم چگونه کدگذاری شوند باید ارسال شوند (تنها برای فرم‌هایی که method="post" دارند اعمال می‌شود).

نکته:این ویژگی <form> عنصر متغیر enctype

formenctype خصوصیات فرم کا استعمال آئی این پوائنٹ میں کئی ورودی کا نوعیت کا تعلق رکھتا ہے: submit اور image.

مثال

فرمی است که دو دکمه ارسال دارد. اولی داده‌های فرم را با کد پیش‌فرض ارسال می‌کند، دومی داده‌های فرم را با کد "multipart/form-data" ارسال می‌کند:

<form action="/action_page_binary.asp" method="post">
  <label for="fname">نام اول:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="ثبت">
  <input type="submit" formenctype="multipart/form-data"
  value="با کد Multipart/form-data ارسال شود">
</form>

آزمایش کنید

خصیت formmethod

input کا formmethod این خاصیت تعریف می‌کند که داده‌های فرم چگونه به URL action ارسال شوند.

نکته:این ویژگی <form> عنصر متغیر method

formmethod خصوصیات فرم کا استعمال آئی این پوائنٹ میں کئی ورودی کا نوعیت کا تعلق رکھتا ہے: submit اور image.

فرم کا اعداد و شمار URL متغیر (method="get") یا HTTP پوسٹ معاملے (method="post") کی شکل میں پیش کئے جاسکتے ہیں.

گیٹ کا دیکھ بھال:

  • فرم کا اعداد و شمار نام/مقدار کی شکل میں URL میں شامل کریں
  • گیٹ کا استعمال محرمانہ اعداد و شمار کی پیشکش کے لئے کبھی نہیں کریں (پیشکش کا اعداد و شمار URL میں دکھائی دیں گا)!
  • URL کی لمبائی محدود ہوتی ہے (2048 اعداد و شمار)
  • استعمال کی جائزہ کی گئی جواب کی جائزہ کی گئی جملے کی پیشکش کو بکمارٹ میں شامل کرنے کی خاطر بہت مفید
  • گیٹ غیر محرمانہ اعداد و شمار کے لئے استعمال کی جاتی ہے، مثلاً جوجل میں کی جائزہ کی گئی جواب کی جائزہ کی گئی جملے

پوسٹ کا دیکھ بھال:

  • فرم کا اعداد و شمار اپنے HTTP درخواست کا متن میں شامل کریں (پیشکش کا اعداد و شمار URL میں نہیں دکھائی دیں)
  • پوسٹ کو کوئی حد نہیں لگا، بہت زیادہ اعداد و شمار بھی ارسال کئے جاسکتے ہیں
  • پوسٹ کا فرم پیش کریں تو نہیں کسی بھی بکمارٹ میں نہیں لگا سکتا

تذکرت:اگر فرم کا اعداد و شمار محرمانہ یا شخصی معلومات کا حامل ہو، پس یقیناً پوسٹ کا استعمال کریں!

مثال

دوگنا پیشکش بٹن والا فرم. پہلا بٹن method="get" کے ذریعے فرم کا اعداد و شمار پیش کرتا ہے۔ دوسرا بٹن method="post" کے ذریعے فرم کا اعداد و شمار پیش کرتا ہے:

<form action="/action_page.php" method="get">
  <label for="fname">فامیلی:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">نام:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="گیٹ کے ذریعے پیش کریں">
  <input type="submit" formmethod="post" value="پوسٹ کے ذریعے پیش کریں">
</form>

آزمایش کنید

formtarget خصوصیات

input کا formtarget خصوصیات کا نام یا کلید یا کلمه، جو فرم کی پیشکش میں کہتا ہے کہ پیشکش کی جائزہ کی گئی جواب کو کہا جائے کس مقصد ونڈو میں.

نکته:این ویژگی <form> علامت کا مقصد خصوصیت.

formtarget خصوصیات فرم کا استعمال آئی این پوائنٹ میں کئی ورودی کا نوعیت کا تعلق رکھتا ہے: submit اور image.

مثال

دوگنا پیشکش بٹن ہوتی ہیں اور مختلف مقصد ونڈو کا فرم:

<form action="/action_page.php">
  <label for="fname">فامیلی:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">نام:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="ثبت">
  <input type="submit" formtarget="_blank" value="کو نئی ونڈو/تیگ کے اندر پیش کریں">
</form>

آزمایش کنید

formnovalidate کا خصوصیت

input کا formnovalidate خاطرات کی تحقیق میکنیم، نمیبایستی <input> علامت را تأیید کنیم.

نکته:این ویژگی <form> ویژگی novalidate عنصر

formnovalidate ویژگی برای نوع ورودی زیر اعمال می‌شود: submit.

مثال

فرمی با دو دکمه ارسال (با تأیید و بدون تأیید) دارد:

<form action="/action_page.php">
  <label for="email">ایمیل خود را وارد کنید:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="ثبت">
  <input type="submit" formnovalidate="formnovalidate"
  value="ثبت بدون تأیید">
</form>

آزمایش کنید

ویژگی novalidate

novalidate ویژگی <form> ویژگی‌ها

اگر تنظیم شده باشد،属性 novalidate مشخص می‌کند که در زمان ارسال تمام داده‌های فرم تأیید نشوند.

مثال

تعیین می‌کند که در زمان ارسال هیچ داده فرم مورد تأیید قرار نگیرد:

<form action="/action_page.php" novalidate>
  <label for="email">ایمیل خود را وارد کنید:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="ثبت">
</form>

آزمایش کنید

عناصر Form و Input HTML

برچسب شرح
<form> برای تعریف ورودی کاربر فرم HTML تعریف کنید
<input> تعریف کنترل ورودی

برای دسترسی به لیست کامل تمام برچسب‌های HTML موجود، لطفاً وب‌سایت ما را بازدید کنید مرجع برچسب‌های HTML。