‎‎ويژگيهاي فرم وروديHTML Input form* Attributes -‎

‎‎ويژگي هاي فرم وروديHTML Input Form* Attributes -‎

‎در اين فصل ويژگي هاي مختلف‎form*‎ براي عناصر HTML ‎<input>‎ ‎تشريح ميشوند .يك عنصر وروديHTML ‎<input>‎ ميتواند خارج فرم ، براي آن فرم ‎تعريف شود .با ويژگي هائي ارتباط اين دو برقرار ميشود ،كه بحث فصل فوق در مورد اين موضوع است. ‎همچنين عناصر ورودي كه در داخل فرم هستند و از ويژگي هاي فرم پيروي نمي كنند، مورد بحث قرار ‎ميگيرند.

‎‎ويژگي فرمThe form Attribute

‎ويژگيinput ‎form‎ براي عنصر ورودي است ومشخص ميكند كه بكدام فرم تعلق دارد . ‎مقدار مشخص شده در اين ويژگي همان مقدار ويژگي درform ‎id‎ است .

‎‎مثال ـ يك فيلد ورودي خارج ازفرم با آن مرتبط شده است.

 <form action="/action_page.php" id="form1">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="Submit">
</form>

<label for="lname">Last name:</label>
<input type="text" id="lname" name="lname" form="form1">

‎‎ويژگي عمل فرمThe formaction Attribute -‎

‎ويژگيinput ‎formaction‎ فايل url كه بايد پردازش داده را هنگام ارسال انجام دهد ‎مشخص مي نمايد.

‎‎ويژگيinput ‎formaction‎ براي نوع ورودي submit و image كارميكند .

‎‎مثال ـ يك فرم با دو كليدsubmit و action هاي مختلف

<form action="/action_page.php">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formaction="/action_page2.php" value="Submit as Admin">
</form> 

‎‎ويژگي رمزگذاريThe formenenctype Attribute -‎

‎ويژگيinput ‎formenctype‎ مشخص ميكند كه هنگام submit از چه متدي پيروي ‎ميكند تا داده هاي ورودي ارسال شود .اين ويژگي براي فرم با متد‎"post‎"‎ ‎كارميكند.

‎‎ويژگي‎formenctype‎ با ورودي هاي نو عsubmit و image كارميكند .

‎مثال ـ فرمي داراي دو كليدsubmit كه اولين آن داده هارا با روش پيش فرض ارسال مي نمايد و ‎دومي مطابق فرم . "multipart/form-data"

<form action="/action_page_binary.asp" method="post">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formenctype="multipart/form-data"
  value="Submit as Multipart/form-data">
</form> 

‎‎ويژگي فرم متدThe formmethod Attribute -‎

‎ويژگيinput ‎formmethod‎ روش انتقال HTTP براي ارسال داده به فايل url _action ‎مشخص ميكند .اين ويژگي باعث ناديده گرفته شدن ويژگيform ‎method‎ ميشود.

‎‎ويژگيinput ‎formmethod‎ براي نوع وروديsubmit و image كارميكند

‎داده هاي فرم (form-‎data)‎ ‎ميتوانند بصورت متغيرurl با متد‎"get‎"‎ ‎يا پروتكلHTTP متد ‎"post‎"‎ ‎ارسال شوند.

‎نكاتي در مورد متد : ‎"get‎"‎

‎
• ‎‎داده هاي فرم را بصورتurl و زوج name/value اضافه ميكند
• ‎اين متد براي برچسب زدن(bookmark) ‎نتايج مفيد ميباشد.
• ‎محدويت در قرار داده ميزان داده با…url وجود دارد، اين محدويت بستگي مرورگر دارد .اين امر ‎باعث ميشود كه از انتقال داده ها اطمينان نداشته باشيد.
• ‎هر گز از متدget براي داده هاي حساس مثل رمز عبور وموارد ديگر استفاده نكنيد .اين داده ها با ‎اين روش قابل مشاهده ميباشند.
‎

‎نكاتي در مورد متد :‎"post‎"‎

‎
• ‎‎اين روش داده هاي فرم را بعنوان يك تراكنش با پروتكلHTTP ارسال ميكند .
• ‎‎فرم هاي ارسالي با روشpost قابل برچسب زدن نيستند .
• ‎‎ارسال داده هاي فرم با اين روش قويتروقابل اطمينان وامنتراست.
‎

‎‎مثال ـ يك فرم با دو كليدsubmit اولي ارسال با متدget ودومي با متد post

<form action="/action_page.php" method="get">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit using GET">
  <input type="submit" formmethod="post" value="Submit using POST">
</form> 

‎‎ويژگي مقصد فرمThe formtarget Attribute -‎

‎ويژگيinput ‎formtarget‎ مشخص ميكند نام يا يك كلمه كليدي براي محل نمايش ‎پاسخ ارسال فرم .اين ويژگي با نوع ورودي هايsubmit و image كار ميكند .

‎‎مثال ـ فرم با دو دكمه ارسال ودو‎formtrget‎ مختلف

<form action="/action_page.php">
  <label for="fname">First name:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Last name:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formtarget="_blank" value="Submit to a new window/tab">
</form> 

‎‎ويژگي بدون اعتبارسنجيThe formnovalidate Attribute -‎

‎ويژگيinput ‎formnovalidate‎ مشخص ميكند كه يك عنصر ورودي بدون اعتبار سنجي ‎داده ها ارسال ميگردد .اي ويژگي براي عنصر ورودي نوعsubmit كارميكند .

‎‎مثال ـ يك فرم با دو كليدsubmit يكي داراي اعتبارسنجي وديگري بدون اعتبارسنجي

<form action="/action_page.php">
  <label for="email">Enter your email:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="Submit">
  <input type="submit" formnovalidate="formnovalidate"
  value="Submit without validation">
</form>

‎‎ويژگي بدون اعتبارسنجي فرمThe novalidate Attributr -‎

‎ويژگي‎novalidate‎ مربوط به عنصر ‎<form>‎ است .وقتيكه آن ‎در فرم ظاهر شود، همه داده هاي فرم بدون اعتبارسنجي ارسال ميشود.

‎‎مثال ـ نشان ميدهد كه هيچ داده اي ازفرم هنگام رسال نبايد اعتبارسنجي شود.

<form action="/action_page.php" novalidate>
  <label for="email">Enter your email:</label>
  <input type="email" id="email" name="email"><br><br>
  <input type="submit" value="Submit">
</form>

HTML tutorial آموزش اچ تی ام ال

HTML Forms فرمهای اچ تی ام ال

HTML Graphicsگرافیک اچ تی ام ال

HTML Media رسانه

HTML APIs

HTML References

Sitemap Protocol