<form>
First name:
<input type="text" name="firstname">
<br>
Last name:
<input type="text" name="lastname">
</form>
</body>
</html>
وروديهای رمز عبور يا Password fields
<html>
<head>
<meta http-equiv="Content-Type" CONTENT="text/html; charset=utf-8">
</head>
<body>
<form>
Username:
<input type="text" name="user">
<br>
Password:
<input type="password" name="password">
</form>
<p dir="rtl">
بايد توجه داشت که هنگام ورود اطلاعات درون وروديهای از نوع password ، مرورگر
اطلاعات واقعي را ذخيره کرده و در روی صفحه نمايش نويسه * را نمايش خواهد داد.
</p>
</body>
</html>
بايد توجه داشت که هنگام ورود اطلاعات درون وروديهای از نوع
password ، مرورگر اطلاعات واقعي را ذخيره کرده و در روی صفحه نمايش نويسه * را
نمايش خواهد داد.
مثالی در مورد نحوه تعريف فرمی متشکل از Checkbox ها
<html>
<head>
<meta http-equiv="Content-Type" CONTENT="text/html; charset=utf-8">
</head>
<body>
<FORM METHOD="POST" ACTION="someplace/foo.cgi"
ENCTYPE="application/x-www-form-urlencoded">
Computer Experience:<BR>
<INPUT TYPE="radio" NAME="choice"
VALUE="Less than 1">Less than 1 year.<BR>
<INPUT TYPE="radio" NAME="choice"
VALUE="1 to 5">1-5 years.<BR>
<INPUT CHECKED TYPE="radio" NAME="choice"
VALUE="More than 5">More than 5 years.
<BR><INPUT TYPE="reset">
<INPUT TYPE="submit" NAME="submit" VALUE="Submit">
</FORM>
<hr />
<FORM METHOD="POST" ACTION="someplace/foo.cgi"
ENCTYPE="application/x-www-form-urlencoded" dir="rtl">
تجربه کار با کامپيوتر:<BR>
<INPUT TYPE="radio" NAME="choice"
VALUE="Less than 1">کمتر از يک سال<BR>
<INPUT TYPE="radio" NAME="choice"
VALUE="1 to 5">بين يک تا پنج سال<BR>
<INPUT CHECKED TYPE="radio" NAME="choice"
VALUE="More than 5">بيشتر از پنج سال
<BR><INPUT TYPE="reset" VALUE="ری ست!">
<INPUT TYPE="submit" NAME="submit" VALUE="ارسال">
</FORM>
<hr />
<p dir="rtl"><b> نکات مهم: </b></p>
<OL dir="rtl" >
<LI>به شناسه dir و مقدار rtl آن در مثال فارسی توجه کنيد.
<LI>در بخش action فرمها فايل اجرائی cgi غير فعال ميباشد.
<LI>فايل يا اسکريپت بخش action برنامه ای به يکی از زبانهای اسکريپت مانند asp
، perl و ... خواهد بود که توسط برنامه نويس وب نوشته خواهد شد و به پردازش
اطلاعات دريافتی از فرم پرداخته و نتايج مناسبی را به کاربر نمايش خواهد داد.
</OL>
<p>
</body>
</html>
Computer Experience:
Less than 1 year.
1-5 years.
More than 5
years.
نکات مهم:
به شناسه dir و مقدار rtl آن در مثال فارسی توجه کنيد.
در بخش action فرمها فايل اجرائی cgi غير فعال ميباشد.
فايل يا اسکريپت بخش action برنامه ای به يکی از زبانهای اسکريپت مانند
asp ، perl و ... خواهد بود که توسط برنامه نويس وب نوشته خواهد شد و به
پردازش اطلاعات دريافتی از فرم پرداخته و نتايج مناسبی را به کاربر نمايش
خواهد داد.
مثالی در مورد نحوه تعريف فرمی متشکل از Radiobutton ها
<html>
<head>
<meta http-equiv="Content-Type" CONTENT="text/html; charset=utf-8">
</head>
<body>
<FORM METHOD="POST" ACTION="someplace/foo.cgi"
ENCTYPE="application/x-www-form-urlencoded">
Computer Experience:<BR>
<INPUT TYPE="radio" NAME="choice"
VALUE="Less than 1">Less than 1 year.<BR>
<INPUT TYPE="radio" NAME="choice"
VALUE="1 to 5">1-5 years.<BR>
<INPUT TYPE="radio" NAME="choice"
VALUE="More than 5">More than 5 years.
<BR><INPUT TYPE="reset" VALUE="Clear">
<INPUT TYPE="submit" VALUE="submit">
</FORM>
<hr />
<FORM METHOD="POST" ACTION="someplace/foo.cgi"
ENCTYPE="application/x-www-form-urlencoded" dir="rtl">
تجربه کار با کامپيوتر:<BR>
<INPUT TYPE="radio" NAME="choice"
VALUE="Less than 1">کمتر از يک سال<BR>
<INPUT TYPE="radio" NAME="choice"
VALUE="1 to 5">بين يک تا پنج سال<BR>
<INPUT TYPE="radio" NAME="choice"
VALUE="More than 5">بيشتر از پنج سال
<BR><INPUT TYPE="reset" VALUE="پاک کردن">
<INPUT TYPE="submit" NAME="submit" VALUE="ارسال">
</FORM>
<hr />
<p dir="rtl"><b> نکات مهم: </b></p>
<OL dir="rtl" >
<LI>به شناسه dir و مقدار rtl آن در مثال فارسی توجه کنيد.
<LI>در بخش action فرمها فايل اجرائی cgi غير فعال ميباشد.
<LI>فايل يا اسکريپت بخش action برنامه ای به يکی از زبانهای اسکريپت مانند asp
، perl و ... خواهد بود که توسط برنامه نويس وب نوشته خواهد شد و به پردازش
اطلاعات دريافتی از فرم پرداخته و نتايج مناسبی را به کاربر نمايش خواهد داد.
</OL>
<p>
</body>
</html>
نکات مهم:
به شناسه dir و مقدار rtl آن در مثال فارسی توجه کنيد.
در بخش action فرمها فايل اجرائی cgi غير فعال ميباشد.
فايل يا اسکريپت بخش action برنامه ای به يکی از زبانهای اسکريپت مانند
asp ، perl و ... خواهد بود که توسط برنامه نويس وب نوشته خواهد شد و به
پردازش اطلاعات دريافتی از فرم پرداخته و نتايج مناسبی را به کاربر نمايش
خواهد داد.
مثالی در مورد نحوه تعريف فرمی متشکل از drop down box ها
<html>
<head>
<meta http-equiv="Content-Type" CONTENT="text/html; charset=utf-8">
</head>
<body>
<FORM METHOD="POST" ACTION="someplace/foo.cgi"
ENCTYPE="application/x-www-form-urlencoded">
Computer Experience:<P>
<SELECT NAME="choice" >
<OPTION VALUE="Less than 1 year.">Less than 1 year.
<OPTION VALUE="1-5 years.">1-5 years.
<OPTION VALUE="More than 5 years.">More than 5 years.
</SELECT>
<BR>
<INPUT TYPE="reset">
<INPUT TYPE="submit" NAME="submit" VALUE="Submit">
</FORM>
<hr />
<FORM METHOD="POST" ACTION="someplace/foo.cgi"
ENCTYPE="application/x-www-form-urlencoded" dir="rtl">
تجربه کار با کامپيوتر:<P>
<SELECT NAME="choice" >
<OPTION VALUE="Less than 1 year.">کمتر از يک سال
<OPTION VALUE="1-5 years.">بين يک تا پنج سال
<OPTION VALUE="More than 5 years.">بيشتر از پنج سال
</SELECT>
<BR>
<BR><INPUT TYPE="reset" VALUE="ری ست">
<INPUT TYPE="submit" NAME="submit" VALUE="ارسال">
</FORM>
<hr />
<p dir="rtl"><b> نکات مهم: </b></p>
<OL dir="rtl" >
<LI>به شناسه dir و مقدار rtl آن در مثال فارسی توجه کنيد.
<LI>در بخش action فرمها فايل اجرائی cgi غير فعال ميباشد.
<LI>فايل يا اسکريپت بخش action برنامه ای به يکی از زبانهای اسکريپت مانند asp
، perl و ... خواهد بود که توسط برنامه نويس وب نوشته خواهد شد و به پردازش
اطلاعات دريافتی از فرم پرداخته و نتايج مناسبی را به کاربر نمايش خواهد داد.
</OL>
<p>
</body>
</html>
نکات مهم:
به شناسه dir و مقدار rtl آن در مثال فارسی توجه کنيد.
در بخش action فرمها فايل اجرائی cgi غير فعال ميباشد.
فايل يا اسکريپت بخش action برنامه ای به يکی از زبانهای اسکريپت مانند
asp ، perl و ... خواهد بود که توسط برنامه نويس وب نوشته خواهد شد و به
پردازش اطلاعات دريافتی از فرم پرداخته و نتايج مناسبی را به کاربر نمايش
خواهد داد.
مثالی در مورد نحوه تعريف فرمی متشکل از drop down box ها با تعيين پيش
گزينه
<html>
<head>
<meta http-equiv="Content-Type" CONTENT="text/html; charset=utf-8">
</head>
<body>
<FORM METHOD="POST" ACTION="someplace/foo.cgi"
ENCTYPE="application/x-www-form-urlencoded">
Computer Experience:<P>
<SELECT NAME="choice" >
<OPTION VALUE="Less than 1 year.">Less than 1 year.
<OPTION VALUE="1-5 years.">1-5 years.
<OPTION SELECTED VALUE="More than 5 years.">More than 5 years.
</SELECT>
<BR>
<INPUT TYPE="reset">
<INPUT TYPE="submit" NAME="submit" VALUE="Submit">
</FORM>
<hr />
<FORM METHOD="POST" ACTION="someplace/foo.cgi"
ENCTYPE="application/x-www-form-urlencoded" dir="rtl">
تجربه کار با کامپيوتر:<P>
<SELECT NAME="choice" >
<OPTION VALUE="Less than 1 year.">کمتر از يک سال
<OPTION VALUE="1-5 years.">بين يک تا پنج سال
<OPTION SELECTED VALUE="More than 5 years.">بيشتر از پنج سال
</SELECT>
<BR>
<BR><INPUT TYPE="reset" VALUE="ری ست">
<INPUT TYPE="submit" NAME="submit" VALUE="ارسال">
</FORM>
<hr />
<p dir="rtl"><b> نکات مهم: </b></p>
<OL dir="rtl" >
<LI>به عبارت SELECTED در کد اچتمل توجه کنيد. اضافه کردن اين عبارت به يک رديف
سبب انتخاب آن رديف از فهرست در بدو نمايش فهرست خواهد شد.
<LI>به شناسه dir و مقدار rtl آن در مثال فارسی توجه کنيد.
<LI>در بخش action فرمها فايل اجرائی cgi غير فعال ميباشد.
<LI>فايل يا اسکريپت بخش action برنامه ای به يکی از زبانهای اسکريپت مانند asp
، perl و ... خواهد بود که توسط برنامه نويس وب نوشته خواهد شد و به پردازش
اطلاعات دريافتی از فرم پرداخته و نتايج مناسبی را به کاربر نمايش خواهد داد.
</OL>
<p>
</body>
</html>
نکات مهم:
به عبارت SELECTED در کد اچتمل توجه کنيد. اضافه کردن اين عبارت به يک
رديف سبب انتخاب آن رديف از فهرست در بدو نمايش فهرست خواهد شد.
به شناسه dir و مقدار rtl آن در مثال فارسی توجه کنيد.
در بخش action فرمها فايل اجرائی cgi غير فعال ميباشد.
فايل يا اسکريپت بخش action برنامه ای به يکی از زبانهای اسکريپت مانند
asp ، perl و ... خواهد بود که توسط برنامه نويس وب نوشته خواهد شد و به
پردازش اطلاعات دريافتی از فرم پرداخته و نتايج مناسبی را به کاربر نمايش
خواهد داد.
مثالی در مورد نحوه تعريف فرمی متشکل از Textarea ، ناحيه ای برای ورود بيش
از يک سطر متن
نکات مهم:
به شناسه dir و مقدار rtl آن در مثال فارسی توجه کنيد.
در بخش action فرمها فايل اجرائی cgi غير فعال ميباشد.
فايل يا اسکريپت بخش action برنامه ای به يکی از زبانهای اسکريپت مانند
asp ، perl و ... خواهد بود که توسط برنامه نويس وب نوشته خواهد شد و به
پردازش اطلاعات دريافتی از فرم پرداخته و نتايج مناسبی را به کاربر نمايش
خواهد داد.
مثالی در مورد نحوه تعريف فرمی با کمک دکمه يا button
<html>
<head>
<meta http-equiv="Content-Type" CONTENT="text/html; charset=utf-8">
</head>
<body>
<FORM METHOD="POST" ACTION="someplace/foo.cgi"
ENCTYPE="application/x-www-form-urlencoded">
Computer Experience:<P>
<INPUT TYPE="button" NAME="choice" VALUE="Less than 1">Less than 1 year.<BR>
<INPUT TYPE="button" NAME="choice" VALUE="1 to 5">1-5 years.<BR>
<INPUT TYPE="button" NAME="choice" VALUE="More than 5">More than 5 years.
<P><INPUT TYPE="reset" VALUE="Clear Form">
<INPUT TYPE="submit" VALUE="Submit">
</FORM>
<hr />
<FORM METHOD="POST" ACTION="someplace/foo.cgi"
ENCTYPE="application/x-www-form-urlencoded" dir="rtl">
تجربه کار با کامپيوتر:<P>
<INPUT TYPE="button" NAME="choice" VALUE="کمتر از يک سال">کمتر از يک سال<BR>
<INPUT TYPE="button" NAME="choice" VALUE="بين يک تا پنج سال">بين يک تا پنج
سال<BR>
<INPUT TYPE="button" NAME="choice" VALUE="بيشتر از پنج سال">بيشتر از پنج
سال<BR>
<BR><INPUT TYPE="reset" VALUE="ری ست">
<INPUT TYPE="submit" NAME="submit" VALUE="ارسال">
</FORM>
<hr />
<p dir="rtl"><b> نکات مهم: </b></p>
<OL dir="rtl" >
<LI>به شناسه dir و مقدار rtl آن در مثال فارسی توجه کنيد.
<LI>در بخش action فرمها فايل اجرائی cgi غير فعال ميباشد.
<LI>فايل يا اسکريپت بخش action برنامه ای به يکی از زبانهای اسکريپت مانند asp
، perl و ... خواهد بود که توسط برنامه نويس وب نوشته خواهد شد و به پردازش
اطلاعات دريافتی از فرم پرداخته و نتايج مناسبی را به کاربر نمايش خواهد داد.
</OL>
<p>
</body>
</html>
نکات مهم:
به شناسه dir و مقدار rtl آن در مثال فارسی توجه کنيد.
در بخش action فرمها فايل اجرائی cgi غير فعال ميباشد.
فايل يا اسکريپت بخش action برنامه ای به يکی از زبانهای اسکريپت مانند
asp ، perl و ... خواهد بود که توسط برنامه نويس وب نوشته خواهد شد و به
پردازش اطلاعات دريافتی از فرم پرداخته و نتايج مناسبی را به کاربر نمايش
خواهد داد.
نحوه تعريف فرمی دلخواه و ترسيم مرزی بدور آن به همراه تعيين عنوانی برای
فرم با کمک عنصر Fieldset
<p dir="rtl"><b> نکات مهم: </b></p>
<OL dir="rtl" >
<LI>به شناسه dir و مقدار rtl آن در مثال فارسی توجه کنيد.
<LI>در بخش action فرمها فايل اجرائی cgi غير فعال ميباشد.
<LI>فايل يا اسکريپت بخش action برنامه ای به يکی از زبانهای اسکريپت مانند asp
، perl و ... خواهد بود که توسط برنامه نويس وب نوشته خواهد شد و به پردازش
اطلاعات دريافتی از فرم پرداخته و نتايج مناسبی را به کاربر نمايش خواهد داد.
</OL>
<p>
</body>
</html>
نکات مهم:
به شناسه dir و مقدار rtl آن در مثال فارسی توجه کنيد.
در بخش action فرمها فايل اجرائی cgi غير فعال ميباشد.
فايل يا اسکريپت بخش action برنامه ای به يکی از زبانهای اسکريپت مانند
asp ، perl و ... خواهد بود که توسط برنامه نويس وب نوشته خواهد شد و به
پردازش اطلاعات دريافتی از فرم پرداخته و نتايج مناسبی را به کاربر نمايش
خواهد داد.
<p dir="rtl">
استفاده از اين روش مناسب کسانی است که آشنايي چندانی با زبانهای cgi نداشته و
بدنبال روشی آسان برای کسب اطلاعات از بازديدکنندگان سايتشان با کمک فرمها
هستند. در اين مثال پس از تکميل فرم و کليک روی دکمه Send ، مرورگر در صورت
وجود برنامه ای برای ارسال ايميل بروی کامپيوتر استفاده کننده، تمامی اطلاعات
کسب شده از بازديدکننده را به صورت ايميلی به آدرس ايميل داخل شناسه action
خواهد فرستاد.
<p>
<p dir="rtl"><b> نکات مهم: </b></p>
<OL dir="rtl" >
<LI>به پسوند mailto در ابتدای شناسه action توجه کنيد.
<LI>در بخش ايميل از آدرس ايميل خودتان استفاده کرده و نتيجه را بررسی کنيد.
<LI>تنها مسئله اين روش برای بازديدکننده سايت اين است که آدرس ايميلش برای
صاحب سايت آشکار خواهد شد!
</OL>
<p>
</body>
</html>
استفاده از اين روش مناسب کسانی است که آشنايي چندانی با زبانهای
cgi نداشته و بدنبال روشی آسان برای کسب اطلاعات از بازديدکنندگان سايتشان با
کمک فرمها هستند. در اين مثال پس از تکميل فرم و کليک روی دکمه Send ، مرورگر
در صورت وجود برنامه ای برای ارسال ايميل بروی کامپيوتر استفاده کننده، تمامی
اطلاعات کسب شده از بازديدکننده را به صورت ايميلی به آدرس ايميل داخل شناسه
action خواهد فرستاد.
نکات مهم:
به پسوند mailto در ابتدای شناسه action توجه کنيد.
در بخش ايميل از آدرس ايميل خودتان استفاده کرده و نتيجه را بررسی کنيد.
تنها مسئله اين روش برای بازديدکننده سايت اين است که آدرس ايميلش برای
صاحب سايت آشکار خواهد شد!
مثالی کاربردی در مورد نحوه ساختن فهرستی از سايتهای مورد علاقه
استفاده از تگ فرم و منوهای کرکره ای و کمی جاوا اسکريپت برای ساختن فهرستی از
سايتهای مورد علاقه
توجه داشته باشيد که فهرست اين مثال با اضافه کردن رديفهای جديد (با کمک المان
option ) قابل تکميل ميباشد.
</div>
</body>
</html>
استفاده از تگ فرم و منوهای کرکره ای و کمی جاوا اسکريپت برای ساختن فهرستی از سايتهای مورد علاقه
توجه داشته باشيد که فهرست اين مثال با اضافه کردن رديفهای جديد (با کمک المان option ) قابل تکميل ميباشد.
<li dir="rtl">
در این مثال کد جاوا اسکریپت فارسی ساز درون المان head قرار گرفته است و با
لود شدن صفحه کد مزبور هم لود خواهد شد.
<li dir="rtl">
درون تگهای Input باید از Event Handler های onkeypress و onkeydown استفاده
شود.
<li dir="rtl">
سورس کد جاوااسکریپت را میتوانید با تایپ "http://www.aviny.com/jscript/farsi.js"
در Address bar مرورگر ببینيد.
<li dir="rtl">
به شناسه dir و مقدار rtl و ltr برای ورود متن فارسی یا لاتین توجه داشته باشيد.
<li dir="rtl">
چگونه اجازه تایپ توام لاتین و فارسی را در textarea به کاربر خواهيد داد؟!
</TD>
</TR>
</TABLE>
</body>
</html>
نـــــــام
آدرس ايميل
در این مثال کد جاوا اسکریپت فارسی ساز درون المان head قرار
گرفته است و با لود شدن صفحه کد مزبور هم لود خواهد شد.
درون تگهای Input باید از Event Handler های onkeypress و
onkeydown استفاده شود.
سورس کد جاوااسکریپت را میتوانید با تایپ "http://www.aviny.com/jscript/farsi.js"
در Address bar مرورگر ببینيد.
به شناسه dir و مقدار rtl و ltr برای ورود متن فارسی یا
لاتین توجه داشته باشيد.
چگونه اجازه تایپ توام لاتین و فارسی را در textarea به
کاربر خواهيد داد؟! نگاهی به سورس صفحه "تماس با ما" سايت خاطرات.کام
بیندازید.!!!