فرمها
فرمها در صفحات وب امروزي، جزء اصلي ترين اجزاء صفحات وب مي باشند. فرمها مي توانند با کاربر ارتباط برقرار کرده و بر اساس نيازهاي آنها، عکس العمل نشان دهند. البته در اين درس فقط به ساخت فرمها مي پردازيم و نه اسکريپت نوشتن آنها... چرا که نوشتن اسکريپتهايي براي پردازش فرمها، خارج از مبحث ماست...

کادرهاي متن (Textbox)
کادرهاي متني مي توانند يک خط را دورن خود جاي دهند. براي ايجاد کردن يک کادر متن، از کد زير استفاده کنيد:


<input type="text" name="Textbox1" size="20">


عبارت type="text" تعيين مي کند که قصد ايجاد يک کادر متني را داريد. قسمت size نيز، اندازه کادر را تعيين مي کند. قسمت name نيز توسط اسکريپتها پردازش مي شود.

دکمه هاي راديويي (Radio Button)
دکمه هاي راديويي به کاربر اين امکان را مي دهند که از چند گزينه پيشنهاد شده، تنها يکي از آنها را انتخاب کند. براي درست کردن دکمه هاي راديويي، از همان تگ Input استفاده مي کنيم. با اين تفاوت که به جاي type="text" عبارت type="radio" را قرار مي دهيم.

کادرهاي انتخاب (Checkbox)
کادرهاي انتخاب بر خلاف دکمه راديويي، به کاربر اجازه انتخاب بيش از يک گزينه را مي دهند. براي درست کردن کادرهاي انتخاب نيز، بايد مقدار type را برابر checkbox قرار دهيد.

منوها
حتما تا به حال با کادرهاي Drop-Down بر خورد کرده ايد. به وسيله اين کادرها، شما مي توانيد منويي از گزينه را در اختيار کاربر بگذاريد تا کاربر يکي از آنها را انتخاب کند. براي ساختن منوها به صورت زير عمل کنيد:


<select name="name" size="1">

<option>YOUR TEXT</option>
</select>

همان طور که مشاهده مي کنيد، منوها توسط تگ <select> محاصره مي شوند و گزينه هاي منو، درون تگ <option> قرار مي گيرند. چنانچه مقدار size برابر 1 باشد، اين فرم به صورت منو و چنان چه بزرگتر از 1 باشد، به صورت انتخابي در مي آيد. اگر که مي خواهيد کاربر بتواند بيش از 1 گزينه را انتخاب کند، در تگ <select> خاصيتmultiple="multiple"را نيز اضافه کنيد.

کادرهاي متن بزرگ
در بالا ساخت کادر متن را ياد گرفتيم. در اينجا ساخت کادرهاي متن بزرگتر را ياد خواهيم گرفت. کادرهايي که مي توانند بيش از يک خط را درون خود نگه دارند.</select>


<textarea name="name" rows="n" cols="n">
YOUR TEXT
</textarea>

در قسمت rows مي توانيد تعداد رديفها (خطها) و در قسمت cols تعداد کاراکترها در هر رديف را مشخص کنيد.

دکمه هاي Submit و Reset
دکمه Submit سبب تاييد فرم و دکمه Reset سبب پاک شدن کليه محتويات فرم و بازگشت آن به مقادير اوليه مي شود. براي ساختن دکمه هاي Reset و Submit از کدهاي زير استفاده کنيد.


<input type="submit" value="Submit...">
<input type="reset" value="Reset...">


در قسمت value مي بايست عبارتي که مي خواهيد درون دکمه ظاهر شود را بنويسيد.

* فراموش نکنيد که اجزاء فرمها را درون تگهاي آغازين و پاياني فرم<form>و </form> قرار دهيد.