مثال ـ دو فيلد ورودي ويك دكمه ارسال د ر يك فرم سند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>
تگHTML <form> براي ايجاد فرم وردي هاي كاربر استفاده ميشود .
عنصر فرم ميتواند شامل يك يا چند عناصر فرمي زير باشد.
Element | |||||
---|---|---|---|---|---|
<form> | Yes | Yes | Yes | Yes | Yes |
ويژگي | مقدار | شــرح |
---|---|---|
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_ | محل باز شدن صفحه مقصد را مشخص ميكند. |
تگ<form> از ويژگي هاي جهانيHTML پيروي ميكند.
تگ فوق همچنين از ويژگي هاي رويدادي پيروي ميكند.
مثال ـ فرمي با چك باكس
<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>
مثال ـ فرمي با دكمه هاي راديوئي
<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>
اغلب مرورگرها نمايش عنصر<form> مطابق تنظيمات پيش فرضي زيرانجام ميدهند.
form { display: block; margin-top: 0em; }