‎‎تگ فرمHTML <form> Tag -‎

Previous >    <Next  

‎‎مثال ـ دو فيلد ورودي ويك دكمه ارسال د ر يك فرم سندHTML

<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">
</form> 

--(go to editor for change code and run)

‎‎تعريف وكاربردDefinition and Usage -‎

‎‎تگHTML ‎<form>‎ براي ايجاد فرم وردي هاي كاربر استفاده ميشود .

‎‎عنصر فرم ميتواند شامل يك يا چند عناصر فرمي زير باشد.

‎‎پشتيباني مرورگرBrowser Support -‎

‎Element‎ Chorome Edge Firefox Safari Opera
‎‎<form>‎‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎ ‎Yes‎

‎‎ويژگي هاAttributes -‎

‎‎ويژگي ‎‎مقدار ‎‎شــرح
‎accept-‎charset‎ character_set‎‎ ‎‎نحوه كد گذاري داده ها در هنگام ارسال بسمت سرور
‎action‎ URL‎‎ ‎‎آدرسURL فايلي است كه بايد داده ها سمت سرور در يافت كند .
‎autocomplete‎ ‎on
off‎
‎‎قابليت تكميل شدن خودكار فيلد هاي فرم
‎enctype‎ appliaction/x-‎www-‎form
urlencoded
multipart/form-‎data
text/palin
‎‎
‎‎روش كد گذاري داده ها هنگام ازسال بسمت سرور (فقط براي متد(post
‎method‎ get
post
‎‎
‎‎روش نوع ارسال داده را مشخص ميكند.
‎name‎ text‎‎ ‎‎نام فرم را مشخص ميكند
‎novalidate‎ novalidate‎‎ ‎‎مشخص ميكند كه هنگام ارسال اعتبارسنجي نشود.
‎rel‎ external
help
license
next
noflow
noopener
noreferrer
opener
‎‎ prev
search‎
‎‎رابط بين سند فعلي وسند پيوندي را مشخص ميكند.
‎target‎ ‎_blank
self_
parent_
top_
‎‎محل باز شدن صفحه مقصد را مشخص ميكند.

‎‎ويژگي هاي جهانيGlobal Attributes -‎

‎‎تگ‎<form>‎ از ويژگي هاي جهانيHTML پيروي ميكند.

‎‎ويژگي هاي رويداديEvent Attributes -‎

‎‎تگ فوق همچنين از ويژگي هاي رويدادي پيروي ميكند.

‎‎مثالهاي بيشتر

‎‎مثال ـ فرمي با چك باكس

 <form action="/action_page.php" method="get">
  <input type="checkbox" name="vehicle1" value="Bike">
  <label for="vehicle1"> I have a bike</label><br>
  <input type="checkbox" name="vehicle2" value="Car">
  <label for="vehicle2"> I have a car</label><br>
  <input type="checkbox" name="vehicle3" value="Boat" checked>
  <label for="vehicle3"> I have a boat</label><br><br>
  <input type="submit" value="Submit">
</form> 

--(go to editor for change code and run)

‎‎مثال ـ فرمي با دكمه هاي راديوئي

<form action="/action_page.php" method="get">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS" checked="checked">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="Submit">
</form> 

--(go to editor for change code and run)

‎‎تنظيمات پيش فرضDefault CSS Settings -‎

‎‎اغلب مرورگرها نمايش عنصر‎<form>‎ مطابق تنظيمات پيش فرضي زيرانجام ميدهند.

form { 
  display: block;
  margin-top: 0em;
}

--(go to editor for change code and run)

‎مرجع كامل تگهايHTML
‎مرجع كامل ويژگيهايHTML


Previous >    <Next