هنگام ارسال فرم، به طور پیش فرض از نوع استفاده می شود. فرم ها در HTML سربرگ گروه عنصر را تشکیل دهید

اغلب در وب سایت ها می توانید صفحاتی را پیدا کنید که فرم های HTML روی آنها قرار داده شده است. فرم های وب - راه راحتدریافت اطلاعات از بازدیدکنندگان سایت شما نمونه ای از این -، - است که بازخوردی را به بازدیدکنندگان و توسعه دهندگان سایت ارائه می دهد. فرم ها همچنین هنگام توسعه یک CMS برای توسعه دهندگان سایت مناسب هستند که به شما امکان می دهد ویژگی اصلی سایت - مربوط بودن را حفظ کنید. این مقاله بر روی اصول اولیه ایجاد فرم‌های HTML، پردازش آنها و نحوه انتقال داده‌ها از فرم‌های روی صفحه به اسکریپت‌های PHP تمرکز دارد.

1) ایجاد یک فرم ساده

برچسب ها

این فرم html یک عنصر دارد مرور کردن، که یک کادر محاوره ای برای انتخاب یک فایل برای آپلود در سرور باز می کند. با فشردن دکمه "انتقال فایل"، فایل به اسکریپت handler ارسال می شود.

سپس باید یک کنترل کننده اسکریپت بنویسید action.php. قبل از نوشتن handler، باید تصمیم بگیرید که فایل را در کدام دایرکتوری کپی کنیم:

if(isset($_FILES [ "myfile" ])) // اگر فایل وجود داشته باشد
{
$catalog = "../image/" ; // دایرکتوری ما
if (is_dir ($catalog )) // اگر چنین دایرکتوری وجود داشته باشد
{
$myfile = $_FILES [ "myfile" ][ "tmp_name" ]; // فایل Temp
$myfile_name = $_FILES [ "myfile" ][ "name" ]; // نام فایل
if(! copy ($myfile , $catalog )) echo "خطا در کپی کردن فایل". $myfile_name // اگر کپی فایل ناموفق بود
}
else mkdir("../image/"); // اگر چنین دایرکتوری وجود نداشته باشد، آن را ایجاد می کنیم
}
?>

اظهار نظر

اگر به کاربران اعتماد دارید که هر فایلی را در سرور خود آپلود می کنند، باید بسیار مراقب باشید. مهاجمان می توانند کد "بد" را به یک تصویر یا فایل تزریق کرده و آن را به سرور ارسال کنند. در چنین مواقعی باید دانلود فایل ها را به شدت کنترل کنید.

این مثال ایجاد یک دایرکتوری و کپی کردن یک فایل در آن دایرکتوری در سرور را نشان می دهد.

من همچنین می خواهم یک مثال را با یک عنصر نشان دهم چک باکس. این عنصر با سایر عناصر تفاوت اندکی دارد که اگر یکی از عناصر نباشد چک باکس'a انتخاب نشده است، سپس یک متغیر superglobal $_POSTیک مقدار خالی برمی گرداند:

if (!empty($_POST [ "mycolor" ])) echo $_POST [ "mycolor" ]; // اگر حداقل 1 مورد انتخاب شده باشد
اکو "انتخاب مقدار";
?>

فرم در HTML بخشی از یک سند است که به کاربر اجازه می دهد اطلاعات مورد علاقه ما را وارد کند، که سپس می تواند در سمت سرور پذیرفته و پردازش شود. به عبارت دیگر از فرم ها برای جمع آوری اطلاعات وارد شده توسط کاربران استفاده می شود.

برای تعیین اینکه برچسب فعلی به کدام عنصر فرم تعلق دارد، باید از ویژگی for تگ استفاده کنید . مقدار ویژگی for باید با مقدار ویژگی کلی عنصر فرم که برچسب به آن ارجاع می‌دهد مطابقت داشته باشد. اگر عنصر مورد نظر باشد، ویژگی for قابل حذف است داخل عنصر خواهد بود .

بیایید مثالی از استفاده را در نظر بگیریم:

در این مثال ما:

• داخل اولینتشکیل می دهد:
  • ارسال شده دودکمه های رادیویی ( ) برای انتخاب یکی از گزینه های محدود. دوباره توجه داشته باشید که برای دکمه های رادیویی در همان فرم باید به همین نام باشد، مقادیر مختلفی را نشان دادیم. برای اولینعلامت زده شده است، که مشخص می‌کند هنگام بارگیری صفحه، عنصر باید از قبل انتخاب شود (در این مورد، یک دکمه رادیویی با مقدار بله). علاوه بر این، ما برای دکمه‌های رادیویی ویژگی‌های سراسری را مشخص کرده‌ایم که یک شناسه منحصربه‌فرد برای عنصر تعریف می‌کنند.
  • دو مورد قرار داد ، که برچسب های متنی را برای فیلدهای متنی ما تعریف می کند. توجه داشته باشید که برای تعیین اینکه برچسب فعلی به کدام عنصر فرم تعلق دارد از ویژگی for استفاده کردیم. مقدار ویژگی for مطابق با مقدار مشخصه جهانی دکمه رادیویی مورد نیاز ما است.
• داخل دومینتشکیل می دهد:
  • ارسال شده دودکمه های رادیویی ( ) برای انتخاب یکی از گزینه های محدود. برای دومینبرای دکمه‌های رادیویی، ویژگی checked را مشخص کرده‌ایم که نشان می‌دهد عنصر باید از قبل در بارگذاری صفحه انتخاب شود (در این مورد، دکمه رادیویی با مقدار no ). علاوه بر این، مقادیر منحصربفردی را برای دکمه‌های رادیویی درون فرم و نام‌های مشابه مشخص کرده‌ایم.
  • دو مورد قرار داد ، دکمه های رادیویی خود را داخل آنها قرار دادیم. برخلاف روش قبلی، نیازی به تعیین ویژگی های سراسری برای دکمه های رادیویی (شناسه عنصر) نیست و برای برچسب های متنی، از ویژگی for برای ارجاع به آن ها (ایجاد یک اتصال) استفاده کنید.

در مرورگر، هر دو گزینه (روش) برای استفاده از برچسب های متنی یکسان به نظر می رسند:

راهنمای ابزار برای فیلدهای ورودی

بیایید به یک مثال استفاده نگاه کنیم:

AT این مثالما برای عنصر مشخص کردیم با تایپ متن (یک فیلد متنی تک خطی) و رمز عبور (یک فیلد رمز عبور)، یک راهنمایی متنی برای کاربر (ویژگی مکان نگهدار) که مقدار مورد انتظار برای ورودی را توصیف می کند.

نتیجه مثال ما:

سوالات و وظایف در مورد موضوع

قبل از اینکه به موضوع بعدی بروید، کار عملی را کامل کنید:

• با استفاده از دانش به دست آمده، فرم سفارش زیر را ایجاد کنید:

Nuance: در زمینه هایی که قرار است انتخابی وجود داشته باشد، باید با کلیک روی متن، و نه فقط روی خود عنصر، انتخاب کرد.

پس از اتمام تمرین، کد صفحه را با باز کردن مثال در یک پنجره جداگانه بررسی کنید تا مطمئن شوید همه چیز را به درستی انجام داده اید.

با استفاده از ابزارهای HTML، می توانید فرم هایی را برای وارد کردن اطلاعات توسط یک بازدیدکننده به یک صفحه وب ایجاد کنید.

برچسب بزنید

توضیحات فرم بین تگ های جفت شده قرار می گیرد ... . چندین فرم را می توان به طور همزمان در یک صفحه قرار داد، اما نمی توان آنها را یکی در دیگری قرار داد.

ویژگی ها را تگ کنید

مثال

ظرف

عناصر فرم

دکمه

برچسب بزنید یک دکمه سفارشی تعریف می کند.

گروه عنصر فرم

برچسب بزنید

به شما امکان می دهد عناصر فرم را گروه بندی کنید.

لیست گزینه ها

برچسب بزنید فهرستی از گزینه ها را مشخص می کند که هنگام وارد کردن اطلاعات در یک فیلد متنی می توان آنها را انتخاب کرد .

برچسب بزنید

برچسب بزنید به شما امکان می دهد عناصر فرم مختلف را تنظیم کنید: فیلدهای متنی، دکمه های مختلف، سوئیچ ها، چک باکس ها.

برچسب بزنید

برچسب بزنید برای تولید یک جفت کلید (خصوصی و عمومی) برای رمزگذاری و رمزگشایی داده ها استفاده می شود.

برچسب عنصر فرم

برچسب بزنید برای تنظیم متن قابل کلیک اطراف عنصر فرم استفاده می شود. وقتی روی این متن کلیک می کنید، مقدار عنصر فرم مرتبط با آن تغییر می کند.

سربرگ گروه عنصر را تشکیل دهید

برچسب بزنید

عنوان گروهی از عناصر فرم مشخص شده توسط تگ را مشخص می کند

.

سنسور

برچسب بزنید یک سنسور است و برای خروجی یک مقدار در یک محدوده خاص استفاده می شود.

شاخص

برچسب بزنید نشانگر پیشرفت کار است.

گروه آیتم های فهرست

برچسب بزنید به شما امکان می دهد موارد لیست را گروه بندی کنید .

مورد فهرست

برچسب بزنید یک آیتم فهرست را تعریف می کند

.

منطقه نمایش

برچسب بزنید

ناحیه خروجی نتایج محاسبات را مشخص می کند.

فهرست کنید

برچسب بزنید

برای ایجاد لیستی از موارد پیشنهادی طراحی شده است که کاربر می تواند از بین آنها یک یا چند مورد را انتخاب کند.

ناحیه متن </h3> <p>برچسب بزنید <b><textarea> </b>منطقه ای را برای وارد کردن اطلاعات متنی چند خطی تعریف می کند.</p> <p>بیش از یک بار صفحات وب را دیده ایم که ما را ترغیب می کنند تا برخی از داده ها را در فیلدهای ورودی وارد کنیم. HTML مکانیزمی برای دریافت داده از کاربر دارد. طبیعتاً این داده ها هنوز نیاز به پردازش دارند، اما این کار در حال انجام است <a href="https://royalprice.ru/fa/different/pochemu-ne-pokazyvaet-skaip-pochemu-perestala-rabotat-vstroennaya/">برنامه های تخصصی</a>. بیایید مکانیسم تعامل آنها با صفحات وب را در نظر بگیریم.</p> <p>بنابراین، کاربر یک صفحه وب را دانلود کرده است که شامل کنترل هایی برای وارد کردن اطلاعات است. همه آنها در یک مجموعه مشترک به نام ترکیب می شوند <i>فرم.</i>هر فرم دارای یک دکمه است که با کلیک بر روی آن داده های وارد شده توسط کاربر به برنامه پردازش منتقل می شود. این برنامه بر روی یک وب سرور که سرویس می دهد میزبانی می شود <a href="https://royalprice.ru/fa/office/pechat-veb-stranicy-v-pdf-varianty-sohraneniya-dannyh-veb-stranicy/">این صفحه</a>. چنین برنامه هایی را می توان با استفاده از انواع فناوری های برنامه نویسی ایجاد کرد. آنها تنها با یک رویه واحد برای به دست آوردن داده ها از یک صفحه وب متحد می شوند. داده ها با استفاده از CGI (واسط دروازه مشترک) منتقل می شوند. بنابراین، برنامه های پردازش اغلب به عنوان برنامه های کاربردی CGI یا اسکریپت های CGI نامیده می شوند.</p><p>بنابراین، برنامه داده ها را دریافت کرده و آنها را پردازش می کند. سپس می تواند مقداری را ارسال کند <a href="https://royalprice.ru/fa/reviews/videourok-elektronnaya-pochta-otlozhennaya-otpravka-pisma-kak/">پست الکترونیک</a>، یا انجام برخی عملیات در پایگاه داده یا انتقال یک صفحه وب جدید به کاربر، اقدامات ممکن فقط توسط ویژگی های فناوری و تخیل برنامه نویس محدود می شود. با کمک چنین برنامه هایی، انواع سیستم های ثبت نام، بازخورد، کتاب مهمان، انجمن ها و چت ها فعالیت می کنند. با کمک آنها، منشعب تر و <a href="https://royalprice.ru/fa/setting/klassifikaciya-korporativnyh-sistem-rezervnogo-kopirovaniya/">سیستم های پیچیده</a>به عنوان مثال فروشگاه های آنلاین</p><p>برای ایجاد چنین برنامه هایی، هنوز باید بتوانید برنامه نویسی کنید و قوانین مربوطه برای ایجاد برنامه های CGI را بدانید. تا زمانی که ندانیم چگونه این کار را انجام دهیم، همچنان باید از اسکریپت های CGI در دسترس عموم استفاده کنیم. اما اگر این برنامه ها را دریافت کنیم، فرم برای ورودی کاربر همچنان باید به طور مستقل انجام شود. AT <a href="https://royalprice.ru/fa/reviews/toshiba-satellite-c670-recovery-from-hidden-partition-toshiba-notebook-data-recovery/">این بخش</a>ما یاد خواهیم گرفت که چگونه آن را انجام دهیم.</p><p>فرم محدود به برچسب ها <i> <form> </i>و <i> </form> </i>. بین این تگ ها تگ هایی وجود دارند که عناصر ورودی اطلاعات را ایجاد می کنند و برچسب هایی برای ایجاد محتوای معمول یک صفحه وب ایجاد می کنند، یعنی خود عناصر ورودی را می توان در یک جدول قرار داد که به نوبه خود کاملاً در فرم قرار می گیرد. برچسب بزنید <i><form> </i>هیچ ساختار قابل نمایشی ایجاد نمی کند. بیشتر برای گروه بندی داخلی اشیاء در نظر گرفته شده است.</p><p>برچسب بزنید <form>، طبیعتاً تعدادی پارامتر دارد که خصوصیات را تنظیم می کند <a href="https://royalprice.ru/fa/reviews/krasivaya-forma-avtorizacii-css3-sozdaem-formu-registracii-knopka/">فرم ایجاد کرد</a>. بیایید نگاهی به این گزینه ها بیندازیم.</p> <ul><li>پارامتر <i>عمل</i>اجباری است. مقدار آن یک URL است که مکان برنامه CGI را نشان می دهد که داده های وارد شده توسط کاربر را با استفاده از کنترل این فرم پردازش می کند.</li> <li>پارامتر <i>روش</i>برای نشان دادن روشی که داده ها به برنامه پردازش منتقل می شوند در نظر گرفته شده است. مقدار پارامتر یکی از دو کلمه کلیدی از پیش تعریف شده است: <i>گرفتن</i>یا <i>پست</i>. اکنون نیازی نیست که بفهمیم کدام مکانیسم ها با استفاده از این یا آن روش اجرا می شوند. در هر صورت، اسناد همراه برای یک برنامه CGI مشخص می کند که کدام روش برای انتقال داده ها باید استفاده شود. نماد پیش فرض است <i>گرفتن.</i></li> <li>پارامتر <i>تایپ کردن</i>برای تعیین نوع داده ای که باید از فرم ارسال شود استفاده می شود. معمولاً نیازی به استفاده از آن نیست، زیرا ارزش دارد <i>application/x-www-form-urlencoded</i>، که پیش فرض است، برای اکثریت قریب به اتفاق برنامه های CGI ایده آل است.</li> <li>پارامتر <i>پذیرش-مجموعه حروف</i>در مواردی استفاده می شود که کاربر نه تنها اطلاعات، بلکه فایل ها را نیز از فرم به برنامه منتقل می کند. در این صورت می توانیم به صراحت رمزگذاری فایل های منتقل شده را مشخص کنیم. به عنوان یک ارزش <a href="https://royalprice.ru/fa/internet/trushin-a-n-arutyunyan-m-g-organizaciya-soedineniya-i-obmen-dannymi-po/">پارامتر داده شده</a>یک رشته متنی حاوی یک یا چند نام رمزگذاری استفاده می شود. در صورت استفاده از چندین رمزگذاری، نام آنها با فاصله یا کاما از هم جدا می شود. مقدار پیش فرض است <i>ناشناس،</i>که به سرور می گوید که باید با رمزگذاری های استفاده شده سر و کار داشته باشد</li> <li>پارامتر <i>تایید کنید</i>انواع فایل ها را برای انتقال مشخص می کند. معمولاً استفاده نمی شود، زیرا خود سرور کاملاً قادر است نوع فایل دریافتی را به اندازه کافی تشخیص دهد.</li> <li>پارامتر <i>نام</i>به شما امکان می دهد یک نام فرم منحصر به فرد را تنظیم کنید. طبیعتاً یک صفحه وب می تواند چندین فرم داشته باشد. در این مورد، مقادیر پارامترهای نام نباید مطابقت داشته باشند.</li> </ul><p>برچسب بزنید <i><form> </i>با دوقلو بسته شدنش <i> </form> </i>در واقع یک محفظه برای قرار دادن عناصر ورودی اطلاعات ایجاد می کند. بیشتر این ورودی ها با استفاده از تگ پیاده سازی می شوند <i><input> </i>. بیایید این را با یک مثال کوچک نشان دهیم (شکل 1.32).</p> <p>لیست 1.33</p> <p><i><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"<br>"http://www.w3.org/TR/html4/strict.dtd"> <br> <html> <head><br> <title></title> </head> <body><br> <form action="http://www.maysite.com/cgi-bin/test.exe" method="post"><br> <р>فیلد برای وارد کردن یک خط متن< input type="text"> </p> <br> <input type="submit" value="ارسال"> </form><br> </body><br> </html> </i></p><p><img src='https://i0.wp.com/tepka.ru/html4b/32.jpg' height="381" width="376" loading=lazy loading=lazy></p> <p>برنج. 1.32. <i>پنجره مرورگر که نتیجه نمایش فایل نشان داده شده در لیست 1.33 را نشان می دهد</i></p> <p>بنابراین، تصویر نشان می دهد که ما توانستیم یک فیلد ورودی متن و یک دکمه ایجاد کنیم، با کلیک کردن، اطلاعات وارد شده توسط کاربر برای پردازش به برنامه CGI ارسال می شود. و اگر به کد لیست نگاه کنیم، خواهیم دید که هم دکمه و هم فیلد ورودی با استفاده از یک تگ ایجاد شده اند. <i><input> </i>. ویژگی های این تگ با استفاده از پارامترهای متعدد آن تنظیم می شود که اکنون آنها را بررسی می کنیم.</p> <ul><li>پارامتر <i>نوع</i>شاید مهمترین پارامتر باشد. با استفاده از مقدار آن، می توانیم نوع کنترل ایجاد شده را تعیین کنیم. مقدار یکی از موارد زیر است <a href="https://royalprice.ru/fa/game-console/podbor-klyuchevyh-slov-dlya-kanala-yutub-podbor-klyuchevyh-slov-youtube-s-pomoshchyu/">کلید واژه ها</a>:<i>متن، رمز عبور، چک باکس، رادیو، ارسال، بازنشانی، فایل، مخفی،</i> <i>دکمه تصویر</i>مقدار پیش فرض است <i>متن</i>کمی بعد به این انواع با جزئیات بیشتری نگاه خواهیم کرد.</li> <li>پارامتر <i>نام</i>برای تعیین نام های منحصر به فرد برای هر کنترل طراحی شده است. اگرچه این پارامتر اختیاری است، استفاده از آن به شدت توصیه می شود. در مستندات همراه برنامه های کاربردی CGI، مشخص کردن نحوه نام اطلاعات ورودی مربوطه الزامی است.</li> <li>پارامتر <i>ارزش</i>برای تعیین مقدار پیش فرض برای نمایش دکمه ها و فیلدهای ورودی متن استفاده می شود. اگر از سوئیچ ها استفاده کنیم، مقدار پارامتر <i>ارزش</i>برای کاربر قابل مشاهده نخواهد بود، اما اگر کاربر دکمه رادیویی مناسب را انتخاب کند، این مقدار است که برنامه پردازش CGI دریافت خواهد کرد.</li> <li>پارامتر <i>بررسی شد</i>فقط برای چک باکس ها و دکمه های رادیویی استفاده می شود. حالت اولیه آنها را تعیین می کند. اگر این پارامتر در تگ وارد شود<<i>ورودی></i>، سوئیچ روی روشن تنظیم می شود. پارامتر بدون مقادیر استفاده می شود.</li> <li>پارامتر <i>معلول</i>کنترل را برای کاربر غیر قابل استفاده می کند. پارامتر بدون مقادیر استفاده می شود.</li> <li>پارامتر <i>فقط خواندنی</i>فقط برای ورودی های رمز عبور متنی اعمال می شود. استفاده از این گزینه به این معنی است که داده های نمایش داده شده در این فیلدها قابل تغییر نیستند.</li> <li>پارامتر <i>اندازه</i>معمولاً ابعاد اندام ورودی را مشخص می کند. اما برای هر نوع جداگانه از اندام های ورودی، عملکرد آن خاص است.</li> <li>پارامتر <i>حداکثر طول</i>به شما امکان می دهد حداکثر تعداد کاراکترهای ممکن را که کاربر می تواند در فیلدهای ورودی متن وارد کند، تنظیم کنید. مقدار پارامتر یک عدد صحیح مثبت است.</li> <li>پارامتر <i>src</i>هنگامی که ورودی های مرتبط با گرافیک ایجاد می کنیم استفاده می شود. مقدار این پارامتر URL است <a href="https://royalprice.ru/fa/security/samye-rasprostranennye-formaty-izobrazhenii-na-web-stranicah-grafika-na/">فایل گرافیکی</a>، که حاوی تصویر نمایش داده شده است.</li> <li>پارامتر <i>alt</i>به شما امکان می دهد توضیحات مختصری از بدنه ورودی داده ای که ایجاد می کنید ایجاد کنید. این توضیحات ممکن است به عنوان یک اشاره کوچک نمایش داده شود زمانی که کاربر روی این ورودی قرار می گیرد.</li> <li>پارامتر <i>tabindex</i>تعداد کنترل را در دنباله همه اشیا مشخص می کند، جابجایی کانون ورودی بین آنها با فشار دادن متوالی کلید تب انجام می شود.</li> <li>پارامتر <i>کلید دسترسی</i>به شما امکان می دهد تنظیم کنید " <a href="https://royalprice.ru/fa/mobile-os/1s-cikl-perehod-k-sleduyushchei-iteracii-preryvaniya-cikla/">کلید داغ</a>"، هنگامی که کاربر روی آن کلیک می کند، تمرکز ورودی به این کنترل می رود.</li> </ul><p>بنابراین، ما پارامترهای استفاده شده در تگ را در نظر گرفته ایم <input>. اما ما از قبل می دانیم که با کمک این تگ می توانیم انواع مختلفی از اشیاء فرم را ایجاد کنیم. وقت آن است که با جزئیات به آنها بپردازیم.</p><p>اشیاء موجود در فرم به دو نوع تقسیم می شوند - عناصر ورودی داده و دکمه هایی که اقدامات مختلفی را آغاز می کنند. ابتدا، بیایید ببینیم چگونه می توانیم ورودی ایجاد کنیم.</p><p>یکی از رایج ترین اشیاء فرم، فیلد ورودی تک خطی است. در لیست 1-33 دیدیم که با استفاده از پارامتر type با مقدار متن ایجاد شده است. در عین حال، اغلب ما نیاز داریم که محدودیت هایی را برای حداکثر تعداد ممکن کاراکترهایی که کاربر می تواند در این قسمت وارد کند، تعیین کنیم. این محدودیت با استفاده از پارامتر maxlength اجرا می شود.</p><p>اصلاحی در فیلد ورودی متن تک خطی وجود دارد که به طور خاص برای ورودی طراحی شده است <a href="https://royalprice.ru/fa/overview-windows/vybor-topologii-seti-dlya-obrabotki-sekretnoi-informacii-vybor/">اطلاعات طبقه بندی شده</a>مانند رمزهای عبور آنها متنی را که وارد می کنید نمایش می دهند، اما آن را با ستاره جایگزین می کنند. چنین فیلدهای ورودی با استفاده از ساختار زیر ایجاد می شوند:</p> <p><i> <input type="password"> </i></p><p>نوع استفاده <i>چک باکس</i>به شما امکان می دهد سوئیچ های مستقل ایجاد کنید. آن‌ها مربع‌های آشنا هستند که می‌توانیم با یک کلیک ماوس، چک‌باکس‌ها را در آن‌ها تنظیم و علامت آن‌ها را برداریم. این از پارامتر مقدار استفاده می کند. اگر کاربر این کادر را علامت بزند، مقدار این پارامتر به برنامه CGI پردازشگر منتقل می شود.</p><p>ما همچنین می‌توانیم گروه‌هایی از دکمه‌های رادیویی ایجاد کنیم که اغلب به آنها دکمه‌های رادیویی وابسته گفته می‌شود. در این گروه کاربر می تواند تنها یک دکمه رادیویی را انتخاب و بررسی کند. هر دکمه رادیویی با یک برچسب ایجاد می شود <i><lnput> </i>با پارامتر <i>نوع،</i>که رادیو مقدار به آن اختصاص داده شده است. برای اینکه مرورگر بفهمد که چندین دکمه رادیویی متعلق به یک گروه هستند، مقادیر پارامتر نام آنها باید یکسان باشد. اما در عین حال، آنها لزوما باید در مقادیر پارامترهای ارزش متفاوت باشند.</p><p>مثالی از قوانین ایجاد و نمایش اندام های ورودی اطلاعات در نظر گرفته شده را در نظر بگیرید.</p> <p>لیست 1.34</p> <p><i>: DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" <br>http://www.w3.Qrg/TR/html4/strict.dtd"> <br> <html> <head> , <title></head><br> <form action="http://www.mysite.com/.cgi-bin/test.exe" method="post"> <br> <р>فیلد برای وارد کردن یک خط متن <input type="text"> </p> <br> <р>فیلد رمز عبور <input type="password"> </p><br> <р>سوئیچ مستقل <input type="checkbox" value="بررسی شد"> </p><br> <р>تغییر گروه</р><br> <р>جایگزین 1 <input type="radio" name="groupl" value="چک"> </p><br> <р>جایگزین 2 <input type»"^adio" name="groupl" value="چکی بررسی شد></p><br><p>(!LANG:Alternative 3 <input type=!}"radio" name="groupl" value="چک 3"> </p><br> <input type="submit" value="ارسال"> </form> <br> </body> </html> </i></p><p>تصویر زیر (شکل 1.33) نشان می دهد که چگونه متن وارد شده در یک فیلد ورودی معمولی و در یک فیلد ورودی اطلاعات محرمانه نمایش داده می شود. و فهرست 1-34 به وضوح نشان می دهد که چگونه می توانیم دکمه های رادیویی مستقل و گروه های دکمه های رادیویی ایجاد کنیم. در همان زمان، ما در ابتدا حالت cocked را به طور پیش فرض روی سوئیچ دوم گروه قرار می دهیم. اما کاربر، البته، همیشه می تواند جایگزین مورد نیاز خود را انتخاب کند.</p><p>با استفاده از پارامتر <i>نوع</i>با مقدار پنهان اختصاص داده شده می توانیم فیلدهای مخفی ایجاد کنیم. این فیلد نه تنها اجازه ورود هیچ اطلاعاتی را به کاربر نمی دهد، بلکه در ویوپورت اصلا نمایش داده نمی شود. این نوع فیلد معمولاً برای اهداف رسمی توسعه دهندگان استفاده می شود. و با ارزش <i>فایل</i>می توانیم یک فیلد ورودی نام فایل ایجاد کنیم.همزمان در کنار فیلد ورودی متن، دکمه ای با نام Browse به طور خودکار ایجاد می شود، با کلیک روی آن، یک گفتگوی استاندارد انتخاب فایل باز می شود.</p><p>علاوه بر ورودی اطلاعات، می توانیم کنترل هایی را نیز قرار دهیم. در این مورد، آنها دکمه هستند. فرم ها از سه نوع دکمه استفاده می کنند. دکمه ای از نوع "ارسال" ورودی کاربر را به برنامه پردازش CGI ارسال می کند. دکمه "تنظیم مجدد" اطلاعات وارد شده توسط کاربر را از اندام های ورودی حذف می کند و اطلاعات تنظیم شده به طور پیش فرض را نمایش می دهد. همچنین دکمه های ساده ای وجود دارد که واکنش آنها را می توانیم با استفاده از زبان های اسکریپت برنامه ریزی کنیم. همچنین به جای دکمه «ارسال» می توانیم از هر تصویر گرافیکی استفاده کنیم. راه هایی را برای ایجاد این کنترل ها در نظر بگیرید.</p> <p><img src='https://i1.wp.com/tepka.ru/html4b/33.jpg' height="478" width="427" loading=lazy loading=lazy></p> <p>برنج. 1.33. <i>پنجره مرورگر که نتیجه نمایش فایل نشان داده شده در لیست را نشان می دهد. 1.34</i></p> <p>یک دکمه نوع "ارسال" با استفاده از ساختار زیر ایجاد می شود:</p> <p><i><input type="submit" vа1uе="Подтвердить"> </i></p> <p>همانطور که می بینید، دکمه با استفاده از پارامتر ایجاد می شود <i>نوع</i>و کتیبه روی آن با مقدار پارامتر داده می شود <i>ارزش</i>. اگر نیاز به ایجاد دکمه ای برای پاک کردن فیلدهای ورودی داشته باشیم، می توانیم از قطعه کد زیر استفاده کنیم:</p> <p><i> <input type="reset" value="پاک کردن"> </i></p><p>و برای یک دکمه ساده از ساختار زیر استفاده می کنیم:</p> <p><i> <input type-"button" value="دکمه"> </i></p><p>قبلاً گفتیم که به جای دکمه معمول "ارسال" می توانیم از هر تصویر گرافیکی استفاده کنیم. برای این کار از قطعه کد زیر استفاده می کنیم:</p> <p><i> <input type="invage" src="http://www.mysite.com/image/pict.gif"> </i></p><p>در این حالت نیازی به استفاده از پارامتر نیست <i>ارزش</i>، زیرا نیازی به تنظیم برچسب روی دکمه ندارید. اما پس از آن باید از پارامتر استفاده کنید <i>src</i>، که مقدار آن آدرس فایل گرافیکی مورد استفاده است.</p><p>اما علاوه بر آن ارگان های ورودی اطلاعاتی که قبلاً در نظر گرفته ایم، ارگان های دیگری نیز وجود دارند که با استفاده از تگ پیاده سازی نمی شوند. <i><input> </i>. این شامل یک کادر لیست کشویی و یک فیلد ورودی متن چند خطی است.</p><p>لیست کشویی با استفاده از تگ پیاده سازی می شود <i><select> </i>. در این مورد البته از جفت بسته شدن آن نیز استفاده می شود. <i> </select>. </i>بین این تگ ها، عناصر لیست را با استفاده از تگ ها اعلام می کنیم <i><option>. </i>برچسب بزنید <i><select> </i>البته دارای ویژگی هایی است که توسط پارامترها کنترل می شود.</p> <ul><li>پارامتر <i>نام</i>، طبق معمول، یک نام منحصر به فرد برای فیلد ورودی داده شده، یعنی لیست کشویی مشخص می کند.</li> <li>پارامتر <i>اندازه</i>تعداد سطرهای قابل مشاهده را هنگام بزرگ شدن لیست تنظیم می کند. به طور طبیعی، ممکن است عناصر بیشتری در لیست نسبت به خطوط نمایش داده شده وجود داشته باشد. اما در این حالت فقط یک نوار اسکرول عمودی نمایش داده می شود. مقدار پارامتر یک عدد صحیح مثبت است.</li> <li>پارامتر <i>چندگانه</i>اگر بخواهیم به کاربر اجازه دهیم چندین مقدار را از یک لیست به طور همزمان انتخاب کند اعمال می شود.</li> <li>پارامتر <i>غیر فعال کردن</i>باعث می شود مرورگر لیست کشویی داده شده را نمایش دهد، اما کاربر نمی تواند آن را فعال کرده و هیچ مقداری را انتخاب کند.</li> <li>پارامتر <i>tabindex</i>همانطور که قبلاً می دانیم ، شماره ترتیبی عنصر ورودی داده را در دنباله اشیاء تنظیم می کند که انتقال کانون ورودی بین آنها با استفاده از کلید تب انجام می شود.</li> </ul><p>خود عناصر لیست کشویی با استفاده از برچسب ها ایجاد می شوند <option>. این تگ ها نیز ویژگی های خاص خود را دارند. اما تعداد آنها زیاد نیست.</p> <ul><li>پارامتر <i>انتخاب شد</i>برای آن دسته از عناصری استفاده می شود که وقتی لیست کشویی فعال می شود، به طور پیش فرض برجسته می شوند.</li> <li>پارامتر <i>ارزش</i>مقداری را مشخص می‌کند که اگر کاربر این آیتم فهرست کشویی خاص را انتخاب کند، به برنامه پردازش CGI ارسال می‌شود.</li> </ul><p>حال بیایید به یک روش ساده برای ایجاد لیست های کشویی در فرم های سند HTML نگاه کنیم (شکل 1.34).</p> <p>لیست 1.35</p> <p><i><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"<br>"http://www.w3.org/TR/htm!4/Strict.dtd"> <br> <html><br> <head><title></title><br> <body><br> <form action="http: //www.mysite.com/cgi-bin/test.exe<br> <select name=""menu"> <br> <option value="فروش">1 امتیاز</option><br> <option value="sel2" selected>2 امتیاز</option><br> <option value="sel3">3 امتیاز</option> </select><br> <input type="submit" value"Отправить"> </form><br> </body>/html></i></p><p><img src='https://i2.wp.com/tepka.ru/html4b/34.jpg' width="100%" loading=lazy loading=lazy></p> <p>برنج. 1.34. <i>پنجره مرورگر که نتیجه نمایش فایل نشان داده شده در لیست 1.35 را نشان می دهد</i></p> <p>تنها یک عنصر ورودی برای بررسی باقی مانده است. این یک فیلد ورودی متن چند خطی است. با استفاده از تگ پیاده سازی می شود <i>ناحیه متن</i>این تگ یک ناحیه ورودی ایجاد می کند که می تواند بسیار بزرگ باشد و معمولاً برای مقادیر متوسط ​​تا زیاد ورودی متن استفاده می شود. تگ بدون پارامتر نمی تواند کار کند. و ما قطعا آنها را در نظر خواهیم گرفت.</p> <ul><li>پارامتر <i>نام</i>به شما امکان می دهد یک نام منحصر به فرد برای این عنصر ورودی تنظیم کنید،</li> <li>پارامتر <i>ردیف ها</i>تعداد خطوط نمایش داده شده را برای فیلد ورودی ایجاد شده تنظیم می کند. در واقع، ارتفاع آن است، اما در خطوط تنظیم شده است. پارامتر مورد نیاز است. مقدار یک عدد صحیح مثبت است.</li> <li>پارامتر <i>cols</i>عرض فیلد ورودی متن در حال ایجاد را بر حسب کاراکتر مشخص می کند. پارامتر نیز مورد نیاز است.</li> <li>پارامتر <i>معلول</i>در صورت نیاز به غیرقابل استفاده کردن فیلد استفاده می شود.</li> <li>پارامتر <i>فقط خواندنی</i>برای ایجاد فیلدهایی با متن غیر قابل ویرایش استفاده می شود. متن در چنین فیلدهای ورودی فقط می تواند نمایش داده شود، اما کاربر نمی تواند آن را تغییر دهد.</li> <li>پارامتر <i>tabindex</i>شماره ترتیبی عنصر ورودی داده و دنباله اشیاء را تنظیم می کند که انتقال کانون ورودی بین آنها با استفاده از کلید جدول بندی انجام می شود.</li> <li>پارامتر <i>کلید دسترسی</i>به شما امکان می دهد یک کلید را تنظیم کنید، با فشار دادن، فوکوس ورودی به طور خودکار به این فیلد ورودی منتقل می شود.</li> </ul><p>حال بیایید ببینیم که چگونه چنین فیلدهای ورودی ایجاد می شوند (شکل 1.35).</p> <p>لیست 1.36</p> <p><i> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"<br>"http://www.w3.org/TR/html4/strict.dtd"> <br> <html> <head><br> <title></title> </head><br> <body><br> <form action=»"http://www.mysite.com/cgi-bin/test.exe" method="post"><br> <textarea rows=5 cols=2><br>متنی که باید در قسمت ورودی چند خطی نمایش داده شود

علاوه بر این فیلدهای ورودی، شی دیگری نیز وجود دارد که به ایجاد فرم ها مربوط می شود. ما می توانیم به اصطلاح برچسب های متنی برای ورودی های خاص ایجاد کنیم.

از این گذشته، در واقع، دکمه‌های رادیویی و چک‌باکس‌ها از نظر اندازه بسیار کوچک هستند و برای فعال کردن آن‌ها، باید ماوس را در ناحیه فعال آن‌ها به دقت بزنید. این همیشه راحت نیست. بنابراین، در بسیاری از برنامه هایی که دارای رابط کاربری سنجیده ای هستند، می توانید با کلیک روی نام متنی آنها با ماوس، چنین کنترل هایی را نیز فعال کنید. HTML دقیقاً همین فرصت را به ما می دهد.

برنج. 1.35. پنجره مرورگر که نتیجه نمایش فایل نشان داده شده در لیست 1.36 را نشان می دهد

برای ایجاد برچسب های متنی مشابه و عنوان های مرتبط با عناصر ورودی خاص، می توانیم از تگ استفاده کنیم اما ما می‌توانیم چنین برچسب‌هایی را فقط به بدنه‌های ورودی داده متصل کنیم که به صراحت پارامتر شناسه شناسایی را برای آنها تنظیم کرده‌ایم. روی آن است که مطابقت بین برچسب و شی فرم برقرار می شود. پارامتر اصلی برای برچسب از پارامتر for استفاده می شود که مقدار آن مقدار پارامتر id شیئی است که برچسب متنی داده شده به آن متصل است. بیایید مثالی از ایجاد چنین ارتباطی ارائه دهیم. ابتدا یک دکمه رادیویی مستقل ایجاد می کنیم و سپس یک عنوان متن مرتبط را به آن ضمیمه می کنیم. عملیات مشابه با استفاده از قطعه کد زیر انجام می شود:

سوئیچ مستقل
نوع ورودی = "چک باکس" name="بررسی" value="(!LANG: علامت زده شده است" id="checkl"> !}

با این حال، اگر برچسبی که بدنه ورودی داده مربوطه را اعلام می کند بین تگ ها قرار گیرد، می توان از پارامتر for صرف نظر کرد.
و اینجاست که می‌توانیم بحث خود را درباره روش ایجاد فرم‌های ورود داده در اسناد HTML ایستا به پایان برسانیم.

هدف فرم ها

فرم های HTML برای ارسال داده ها از یک کاربر راه دور به یک وب سرور طراحی شده اند. با کمک آنها می توانید ساده ترین گفتگو را بین کاربر و سرور سازماندهی کنید، به عنوان مثال، یک کاربر را در سرور ثبت کنید یا سند مورد نظر را از لیست ارائه شده انتخاب کنید. فرم ها توسط همه مرورگرهای محبوب پشتیبانی می شوند.

نحو فرم

سند HTML از تگ ها برای تعریف فرم استفاده می کند.

…

، یک سند می تواند چندین فرم داشته باشد، اما نمی توان آنها را درون یکدیگر قرار داد.

برچسب بزنید

دارای پارامترهای action، روش و enctype است. برخی از مرورگرها (Netscape، Internet Explorer) از پارامترهای اضافی مانند کلاس، نام، سبک و غیره پشتیبانی می کنند.

به طور کلی فرم به صورت زیر ارائه می شود:

فرم_محتوا

پارامتر اقدام تنها مورد مورد نیاز است. مقدار آن URL برنامه CGI است که اطلاعات بازیابی شده از این فرم را پردازش می کند.

تعامل بین مرورگر و وب سرور

تعامل بین مشتری مرورگر و وب سرور از قوانین تعریف شده توسط پروتکل HTTP پیروی می کند و شامل درخواست های مشتری و پاسخ های سرور است. درخواست به سه بخش تقسیم می شود. خط اول درخواست شامل یک دستور HTTP به نام متد، URL فایل درخواستی و شماره نسخه پروتکل HTTP است. قسمت دوم هدر درخواست است. بخش سوم بدنه درخواست است، داده های واقعی ارسال شده به سرور.

انواع MIME

یکی از اولین کاربردهای اینترنت ایمیل بود که بر ارسال پیامک متمرکز بود. اغلب نیاز به ارسال داده ها به صورت غیر متنی همراه با متن وجود دارد، به عنوان مثال، یک فایل فشرده بسته بندی شده، یک تصویر به صورت GIF، JPEG و غیره. برای ارسال چنین فایل هایی از طریق ایمیل بدون تحریف، آنها مطابق با برخی استانداردها کدگذاری می شوند. استاندارد MIME (افزونه های ایمیل اینترنتی چند منظوره) مجموعه ای از انواع MIME مربوط به انواع مختلف داده ها و قوانینی را برای ارسال آنها از طریق ایمیل تعریف می کند. نوع MIME با نوع/زیر نوع نشان داده می شود، جایی که نوع یک نوع داده کلی را مشخص می کند، مانند متن، تصویر، برنامه (نوع برنامه نشان دهنده یک قالب داده داخلی خاص است که توسط برخی برنامه ها استفاده می شود)، و نوع فرعی یک قالب خاص را در یک نوع داده مشخص می کند. مانند برنامه/زیپ، تصویر/گیف، متن/html.

انواع MIME در وب مورد استفاده قرار گرفته اند، جایی که به آنها انواع رسانه نیز می گویند، برای شناسایی قالب اسناد ارسال شده از طریق پروتکل HTTP. در فرم HTML، پارامتر enctype نوع رسانه ای را که برای رمزگذاری و ارسال استفاده می شود، مشخص می کند. نوع داده خاص- محتوای فرم

مقدار پارامتر enctype یک نوع رسانه است که فرمت رمزگذاری داده ها را هنگام ارسال آن از مرورگر به سرور تعیین می کند. مرورگر داده ها را رمزگذاری می کند تا از خراب شدن آنها در حین انتقال جلوگیری کند. دو مقدار ممکن برای این پارامتر وجود دارد: (پیش‌فرض) و multipart/form-data.

روش دوم تنها زمانی مورد نیاز است که محتوای فرم به یک فایل محلی انتخاب شده با استفاده از عنصر فرم پیوست شده باشد . در غیر این صورت باید از روش کدگذاری پیش فرض استفاده کنید.

رمزگذاری URL

طرح رمزگذاری application/x-www-form-urlencodedبرای هر دو روش ارسال (GET و POST) یکسان است و به شرح زیر است. برای هر عنصر فرم که نام مشخص شده توسط پارامتر نام را دارد، یک جفت "name=value" تشکیل می شود که مقدار مقدار عنصری است که کاربر وارد کرده یا به طور پیش فرض اختصاص داده شده است. اگر مقداری وجود نداشته باشد، جفت منطبق "name=" است. برای دکمه های رادیویی و دکمه های رادیویی، فقط از مقادیر موارد انتخاب شده استفاده می شود. اگر عنصر انتخاب شده باشد و پارامتر مقدار تعریف نشده باشد، مقدار پیش فرض "روشن" است.

همه جفت ها در یک رشته به هم متصل می شوند، نماد "&" به عنوان جداکننده عمل می کند. از آنجایی که نام ها و مقادیر متن ساده هستند، می توانند شامل کاراکترهایی باشند که در URL مجاز نیستند (روش GET داده ها را به عنوان بخشی از URL ارسال می کند). این کاراکترها با دنباله ای متشکل از کاراکتر % و کد هگزادسیمال اسکی آنها جایگزین می شوند. کاراکتر فاصله نه تنها با کد %20، بلکه با علامت + (بعلاوه) نیز قابل جایگزینی است. پایان دهنده خط که در این زمینه رخ می دهد ناحیه متنی، با کد %0D%0A جایگزین می شود. چنین رمزگذاری را رمزگذاری URL می نامند.

روش های انتقال داده

اطلاعات کدگذاری شده با استفاده از یکی از روش های GET یا POST به سرور ارسال می شود. تفاوت اصلی این است که روش چگونه اطلاعات را به برنامه CGI منتقل می کند.

هنگام استفاده از روش GET، داده‌های فرم به عنوان بخشی از درخواست URL ارسال می‌شود که پس از "?" اضافه می‌شود. به صورت مجموعه ای از جفت

متغیر = مقدار،

با کاراکتر "&" جدا شده است. در این مورد، خط اول پرس و جو ممکن است به شکل زیر باشد:

GET /cgi-bin/cgi-program.pl?name=Ivan&surname=Ivanov HTTP/1.1

بخشی از URL بعد از "?" رشته پرس و جو نامیده می شود. وب سرور، پس از دریافت درخواست، اختصاص خواهد داد متغیر محیطی QUERY_STRINGمقدار رشته پرس و جو و برنامه CGI نشان داده شده در قسمت اول URL قبل از "?" را فراخوانی می کند. .

هنگام استفاده از روش POST، داده های فرم در متن درخواست به سرور ارسال می شود و پس از آن توسط سرور از طریق برنامه CGI ارسال می شود. ورودی استاندارد.

روش های GET و POST مزایا و معایب خود را دارند. روش GET هنگام ارسال فرم هایی که از مجموعه کوچکی از فیلدهای کوتاه تشکیل شده اند، عملکرد بهتری را ارائه می دهد. هنگام ارسال حجم زیادی از داده ها، باید از روش POST استفاده کنید، زیرا مرورگر یا سرور ممکن است محدودیت هایی را در اندازه داده های ارسال شده به عنوان بخشی از URL اعمال کند و برخی از داده هایی را که فراتر از مرز است دور بریزد. روش POST نیز هنگام فوروارد قابل اعتمادتر است اطلاعات محرمانه.

فیلدهای ورودی فرم

فرم در پنجره مرورگر به عنوان مجموعه ای از کنترل های استاندارد نمایش داده می شود که برای پر کردن فیلدهای فرم با مقادیری استفاده می شود که سپس به وب سرور ارسال می شود. مقدار توسط کاربر وارد قسمت ورودی می شود یا به طور پیش فرض اختصاص داده می شود. برای ایجاد فیلدها با استفاده از زبان HTML، برچسب های خاصی وجود دارد: , , < textarea >، که فقط در داخل تگ استفاده می شوند

.

برچسب بزنید

این رایج ترین تگ است که با آن می توانید فیلدهایی را در داخل فرم برای وارد کردن رشته متن، رمز عبور، نام فایل و دکمه های مختلف ایجاد کنید. دارای دو پارامتر مورد نیاز است: نوع و نام. پارامتر type نوع فیلد را مشخص می کند: دکمه انتخاب، دکمه ارسال و غیره. پارامتر name نام داده شده به فیلد را مشخص می کند. این توسط مرورگر نمایش داده نمی شود، اما به عنوان یک شناسه برای مقدار ارسال شده به وب سرور استفاده می شود. سایر پارامترها بسته به نوع فیلد تغییر می کنند. در ادامه انواع فیلدهایی که با استفاده از تگ ایجاد می شوند، توضیح داده شده است و عناصر ورودی که تولید می کنند.

نوع = "متن"

یک عنصر برای وارد کردن یک خط متن ایجاد می کند.

گزینه های اضافی:

• maxlength="n" - حداکثر تعداد کاراکترهای مجاز را در قسمت متن تنظیم می کند. پیش فرض نامحدود است.
• size="n" - حداکثر تعداد کاراکترهای نمایش داده شده.
• value = "(!LANG:initial_value" !}. مقدار اولیه فیلد متن.

نوع "رمز عبور"

یک عنصر ورودی رشته متنی ایجاد می کند که با قبلی تفاوت دارد فقط در این که همه کاراکترهای ورودی به صورت * نمایش داده می شوند. قسمت رمز عبور امنیت متن وارد شده را تضمین نمی کند، زیرا به صورت رمزگذاری نشده به سرور منتقل می شود.

نوع "فایل"

یک فیلد برای وارد کردن نام یک فایل محلی و به دنبال آن دکمه Browse ایجاد می کند. فایل انتخابی هنگام آپلود در سرور به محتوای فرم پیوست می شود. نام فایل را می توان مستقیما وارد کرد یا از کادر محاوره ای انتخاب کرد. برای ارسال صحیح فایل پیوست، مقادیر پارامتر فرم را روی enctype="multipart/form-data" و method="post" تنظیم کنید. در غیر این صورت، رشته وارد شده، یعنی نام مسیر فایل، نه محتویات آن، ارسال می شود. پارامترهای اضافی maxlength و size همان معنی را برای عناصر نوع متن و رمز عبور دارند.

نوع = "چک باکس"

یک فیلد برای علامت زدن چک باکس ایجاد می کند. عناصر چک باکسرا می توان با تنظیم مقدار یکسان پارامتر نام در یک گروه ترکیب کرد.

گزینه های اضافی:

• value="(!LANG:string" . Значение, которое будет передано серверу, если данная кнопка выбрана. Если кнопка не выбрана, значение не передается. Обязательный параметр. Если флажки образуют группу, то передаваемым значением является строка разделенных запятыми значений параметра value всех установленных флажков.!}
• بررسی شد. اگر پارامتر بررسی شده مشخص شده باشد، عنصر به طور پیش فرض انتخاب می شود.

نوع "رادیو"

یک عنصر دکمه رادیویی ایجاد می کند که فقط به عنوان بخشی از گروهی از عناصر مشابه وجود دارد که فقط یکی از آنها را می توان انتخاب کرد. همه عناصر یک گروه باید مقدار یکسانی برای پارامتر نام داشته باشند.

به صورت یک دکمه گرد نمایش داده می شود. گزینه های اضافی:

• value="(!LANG:string" . Обязательный параметр, значение которого передается серверу при выборе данной кнопки. Должен иметь уникальное значение для каждого члена группы .!}
• بررسی شد. عنصر را به طور پیش فرض انتخاب می کند. یک و تنها یک عنصر در گروه باید این تنظیم را داشته باشد.

نوع "ارسال"

یک دکمه ارسال ایجاد می کند که با کلیک روی آن، تمام محتوای فرم به سرور ارسال می شود. به طور پیش فرض، به صورت یک دکمه مستطیلی با برچسب Submit نمایش داده می شود.

یک پارامتر اضافی به شما امکان می دهد برچسب روی دکمه را تغییر دهید. پارامتر نام این عنصر ممکن است حذف شود. در این حالت، مقدار دکمه در لیست پارامترهای فرم قرار نمی گیرد و به سرور ارسال نمی شود.

اگر پارامترهای نام و مقدار وجود داشته باشد، برای مثال،

,

سپس پارامتر submit_button="ok" در لیست پارامترهای فرم ارسال شده به سرور قرار می گیرد. چند دکمه ارسال می تواند در یک فرم وجود داشته باشد.

نوع "تنظیم مجدد"

یک دکمه تنظیم مجدد ایجاد می کند که با کلیک روی آن، تمام تغییرات ایجاد شده لغو می شود و مقادیر فیلدهای فرم را به زمان بارگیری باز می گرداند. به طور پیش فرض، به صورت یک دکمه مستطیلی با برچسب Reset نمایش داده می شود. کتیبه را می توان با استفاده از یک پارامتر اضافی تغییر داد

value="(!LANG:button_name"!}

مقدار دکمه Reset هرگز به سرور ارسال نمی شود، بنابراین پارامتر نامی ندارد.

نوع "تصویر"

یک عنصر گرافیکی ایجاد می کند که مانند دکمه ارسال عمل می کند. گزینه های اضافی:

• src="image_url". نشانی اینترنتی فایل حاوی تصویر گرافیکی عنصر را مشخص می کند.
• align="align_type". نوع تراز تصویر را نسبت به خط فعلی متن مشخص می کند.

اگر روی تصویر عنصر کلیک شود، مختصات اشاره گر ماوس در فرم name.x=n&name.y=m توسط مرورگر در لیست پارامترهای فرم ارسال شده به سرور گنجانده می شود.