در مورد فرم ها و عناصر آنها. فرم های وب و عناصر آنها: انواع و هدف

12.04.2019 ویندوز 8

یکی از گزینه های پردازش فرم می تواند ارسال داده ها از طریق ایمیل باشد:

action="mailto:Ad [ایمیل محافظت شده] Ver.domain"

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

ویژگی enctype به شما امکان می دهد نحوه کدگذاری محتوای فرم را مشخص کنید.

فرم را پر کن کاربران مختلف، بنابراین دارای یک ویژگی است که به شما امکان می دهد لیستی از رمزگذاری های معتبر را تعریف کنید:

accept-charset = "فهرست مجموعه"

همچنین می توانید لیستی از انواع داده های معتبر را تعریف کنید:

پذیرش = "لیست انواع داده"

اکثر فرم ها با دکمه هایی ارائه می شوند که به شما امکان می دهد فرم را پاک کنید (بازنشانی کنید) یا صحت پر کردن و ارسال آن را تأیید کنید (ارسال کنید). در هنگام ارسال و تنظیم مجدد

ویژگی های استاندارد: شناسه، کلاس، زبان، سبک، کارگردان، عنوان، هدف، ویژگی های رویداد

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

نوع یک عنصر با ویژگی type تعیین می شود:

Type="text" - ایجاد یک فیلد ورودی که می توانید به طور خودکار متن دلخواه را با استفاده از ویژگی value در آن قرار دهید.

Type="password" - ایجاد یک فیلد برای وارد کردن رمز عبور، و اطلاعات وارد شده با ستاره نمایش داده می شود.

Type="checkbox" - یک چک باکس ایجاد کنید.

نوع = "رادیو" - تعریف یک دکمه رادیویی. برای ایجاد یک گروه دکمه رادیویی باید از چندین عنصر INPUT استفاده شود. در اینجا یک نمونه از یک گروه از سه دکمه رادیویی آورده شده است:

سوئیچ ها

مشخصه checked مشخص می کند که کدام یک از دکمه های رادیویی باید توسط کدام یک انتخاب شود

به صورت پیش فرض. روی انجیر 4.4 ظاهر این گروه از سوئیچ ها را نشان می دهد.

شکل 4.4. تغییر گروه

Type="button" - ایجاد یک دکمه سفارشی.

Type="submit" - ایجاد دکمه ای که با کلیک کردن، ورود اطلاعات به فرم را تایید می کند. ویژگی value برای تعریف برچسب روی دکمه استفاده می شود.

Type="Reset" - همچنین یک دکمه، اما برای لغو ورود داده ها به فرم.

Type="image" - ایجاد یک دکمه با یک تصویر. برای نشان دادن فایل گرافیکیویژگی src استفاده می شود. صفت alignبرای قرار دادن یک دکمه با الگو طراحی شده است. مقادیر ویژگی قبلاً چندین بار ذکر شده است:

پایین، چپ، وسط، راست، بالا. از این ویژگی برای این موردمن آن را توصیه نمی کنم زیرا همه مرورگرها از آن پشتیبانی نمی کنند.

Type="file" - انتخابگر فایل برای پیوست کردن به فرم. از کاربر خواسته می شود نام فایل را در قسمت ورودی بنویسد. علاوه بر این، مرورگر به طور خودکار یک دکمه Browse در کنار فیلد ورودی ایجاد می کند که به شما امکان می دهد استاندارد را راه اندازی کنید (برای سیستم عامل) گفتگوی انتخاب فایل.

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

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

ویژگی نام باید در تمام عناصر INPUT به جز دکمه های پذیرش و تنظیم مجدد وجود داشته باشد. مقدار این ویژگی نام فیلد فرم یعنی بلوک داده های وارد شده در این فیلد را تعیین می کند. برنامه سرور با این نام می تواند داده های لازم را استخراج کند.

ما قبلاً دامنه ویژگی ارزش را می دانیم. مقدار مشخصه مقدار پیش فرض فیلد ورودی را مشخص می کند یا برچسب روی دکمه را مشخص می کند.

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

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

ویژگی maxleght به دو صورت قابل استفاده است. ابتدا تعریف می کند حداکثر طولرشته ای که می توان در فیلد ورودی نوشت. ثانیاً، می توان از آن برای محدود کردن اندازه فایل پیوست شده به فرم استفاده کرد.

ویژگی readonly به شما امکان می دهد عنصری را ایجاد کنید که قابل ویرایش نباشد.

ویژگی usemap (به بخش تصاویر و نقشه‌ها در بالا مراجعه کنید) می‌تواند در صورت ایجاد نقشه در فرم استفاده شود.

درست مانند FORM، در عنصر INPUTمی توانید صفت پذیرش را مشخص کنید.

ویژگی های عمومی معتبر: کلید دسترسی، فهرست برگه، فقط خواندنی، غیرفعال.

ویژگی های استاندارد: id، class، lang، title، dir، style، ویژگی های رویداد.

با استفاده از عناصر FORM و INPUT، می توانید یک شی ایجاد کنید که جایگزین شی مشابه ایجاد شده از عنصر ISINDEX شود. کد زیر همان عملکرد کد عنصر ISINDEX را انجام می دهد (شکل 4.3 را ببینید):

<Р>رشته ای برای وارد کردن معیارهای جستجو

این عنصر ظرفی برای سایر عناصر فرم است. به عنوان مثال، می توانید یک کتیبه و یک فیلد ورودی را ترکیب کنید:

نشانی شما:

اگر عنصر LABEL و عنصر دیگری جدا باشند، از ویژگی for استفاده می شود که مقدار آن باید با مقدار ویژگی id عنصر مربوطه مطابقت داشته باشد:

نشانی شما:

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

ویژگی های استاندارد: کلید دسترسی، شناسه، کلاس، زبان، dir، عنوان، سبک، ویژگی های رویداد.

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

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

ایجاد فرم

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

چند ویژگی مهم برچسب را در نظر بگیرید . می توان به فرم یک نام داد. این کار با ویژگی name انجام می شود. نام فرم باید منحصر به فرد باشد. برای یافتن فرم هنگام اجرای اسکریپت ها استفاده می شود.

ویژگی action فایلی را مشخص می کند که روی سرور اجرا می شود و داده ها را از فرم دریافت می کند. مقدار مشخصه مسیر فایل است.

ویژگی روش روش درخواست را تنظیم می کند. می تواند مقادیر را بگیرد:

روش = "دریافت"

روش = "پست"

یک نمونه فرم HTML:

داخل تگ

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

برچسب بزنید

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

ویژگی نام بسیار مهم است. نام عنصر فرم به همراه مقدار به سرور ارسال می شود. داده ها به شکل زیر به سرور ارسال می شود:

نام = ارزش

اگر در مثال بالا کاربر - Andrey را در قسمت ورودی وارد کند، داده ها به شکل زیر به سرور ارسال می شود:

اگر به عنصر فرم نامی داده نشود، داده های این عنصر به سرور ارسال نمی شود.

برچسب بزنید </h2> <p>برچسب بزنید <textarea>یک فیلد ورودی متن چند خطی ایجاد می کند. از برچسب <input>آن را در آن برچسب متفاوت است <input>یک فیلد به اندازه یک خط ایجاد می کند. یک برچسب <textarea>چند خط طول دارد اگر متن وارد شده در فیلد جا نمی شود، یک نوار اسکرول دارد. برخی از مرورگرها فوراً یک نوار اسکرول دارند. ظاهر اسکرول را می توان با CSS تغییر داد. اضافه کنیم <textarea>در فرم:</p> <p>برچسب بزنید <textarea>یک جفت است در داخل آن می توانید متن را علامت گذاری کنید که بلافاصله در قسمت ورودی قرار می گیرد. کاربر در صورت تمایل می تواند آن را حذف کند.</p> <p>برچسب بزنید <select>خوردن <a href="https://bumotors.ru/fa/atributy-name-i-id-raznica-mezhdu-atributami-id-i-name-v-html.html">ویژگی نام</a>، که مانند سایر عناصر فرم استفاده می شود. نام عنصر به عنوان داده به سرور ارسال می شود. و مقدار از ویژگی value آیتم انتخاب شده توسط کاربر گرفته می شود. اگر در مثال بالا کاربر اولین مورد را انتخاب کند، داده ها به شکل زیر به سرور ارسال می شود:</p> <p>اگر یک آیتم لیست دارای یک ویژگی انتخاب شده باشد، آن مورد به طور پیش فرض انتخاب می شود. شما نیازی به تعیین مقداری برای این ویژگی ندارید، فقط باید آن را در تگ مشخص کنید.</p> <p>اگر ارتفاع لیست مشخص نشده باشد، لیست یک خط است. ارتفاع با استفاده از ویژگی اندازه تغییر می کند. ظاهر لیست به ارتفاع آن بستگی دارد. اگر لیست یک خط بالاتر باشد، به نظر می رسد یک لیست کشویی است. اگر ارتفاع بیش از یک خط باشد، لیست به صورت بلوک نمایش داده می شود. عرض لیست، عرض بزرگترین مورد است. همچنین با CSS قابل تغییر است.</p> <p>بیایید ارتفاع لیست را تغییر دهیم. ببینید چگونه این ظاهر آن را تغییر می دهد.</p> <p>اما در این شکل فقط یک تگ متنی است. عملکرد اصلی تگ <label>این است که یک توضیح را با یک عنصر فرم مرتبط کنیم. در این حالت کلیک بر روی متن توضیح مربوط به کلیک بر روی عنصر فرم است. این زمانی استفاده می شود که عنصر فرم کوچک باشد و روی آن کلیک نکنید. برای مرتبط کردن یک عنصر فرم با متن، باید آن را در داخل یک تگ قرار دهید <label>. خط 9 را طوری تغییر دهید که تگ <input>به توضیح مرتبط بود:</p> <p>ویژگی value حاوی متنی است که روی دکمه نمایش داده می شود.</p> <p>با کلیک بر روی دکمه، فایلی که در ویژگی action تگ مشخص شده است روی سرور راه اندازی می شود. <form>. این فایل داده ها را از فرم دریافت می کند.</p> <h2>فوکوس خودکار</h2> <p>هر عنصر فرمی می تواند مجموعه ویژگی فوکوس خودکار را داشته باشد. نیازی به دادن مقدار نیست، فقط در تگ تنظیم می شود. عنصری که دارای این مجموعه مشخصه است، هنگامی که صفحه بارگذاری می شود، به کانون توجه تبدیل می شود. این ویژگی در همه مرورگرها کار نمی کند.</p> <p>هر عنصر صفحه را می توان به عنوان یک شی در نظر گرفت که دارای ویژگی ها، روش ها و کنترل کننده های رویداد خاص خود است. اغلب، رویدادهای صفحه با یک فرم مرتبط می‌شوند (مثلاً فشار دادن یک دکمه).</p> <p>فرم ها در یک سند توسط خانواده Forms نشان داده می شوند. فرم های نامگذاری شده را می توان مستقیماً با نام ارجاع داد: forms.MyForm.property یا MyForm.property.</p> <p><b><a href="https://bumotors.ru/fa/sistemy-kodirovaniya-sistema-klassifikacii-pozvolyaet.html">خواص عمومی</a>عناصر فرم:</b></p> <p>مقدار - محتویات شی را برمی گرداند.</p> <p>غیرفعال - شی را غیر فعال می کند.</p> <p>نام - رشته ای را با <a href="https://bumotors.ru/fa/ukazanie-brauzera-v-meta-tegah-chto-takoe-meta-tegi-i-dlya-chego-oni-nuzhny.html">ارزش نام</a>هدف - شی.</p> <p><b>رویدادهای عنصر فرم رایج:</b></p> <p>OnFocus - شی در فوکوس است و فعال می شود.</p> <p>OnBlur - جسم خارج از فوکوس است.</p> <p>OnClick - ماوس در ناحیه شی فشار داده شد.</p> <p>OnDblClick - اتفاق افتاد <a href="https://bumotors.ru/fa/chto-delat-esli-iphone-otklyuchen-podklyuchites-k-itunes-kak-vosstanovit-rabotu.html">دو تا ضربه ی آهسته بزن</a>ماوس در ناحیه جسم.</p> <p>OnMouseOver - ماوس روی عنصر قرار دارد.</p> <p>OnMouseOut - نشانگر ماوس عنصر را ترک کرده است.</p> <p><b>روش های رایج عناصر فرم:</b></p> <p>تمرکز - به عنصر فرم مشخص شده تمرکز می کند.</p> <p>blur - فوکوس را از یک عنصر فرم حذف می کند.</p> <p><a href="https://bumotors.ru/fa/css-vyravnivanie-pravomu-krayu-div-vyravnivanie-teksta-v-css-svoistvo-text-align.html">عناصر متن</a>، رمز عبور، ناحیه متنی.</p> <p><b>خواص:</b></p> <p>maxLength - حداکثر طول یک رشته را برمی‌گرداند.</p> <p>defaultValue - مقدار اولیه عنصر را که در تگ ها تنظیم شده است، برمی گرداند.</p> <p><b>مواد و روش ها:</b></p> <p>select() - ناحیه ورودی عنصر فرم مشخص شده را انتخاب می کند.</p> <p><b>تحولات:</b></p> <p>OnChange - محتوای شی تغییر کرده است. نتیجه نهایی بررسی می شود. یعنی در طول فرآیند ویرایش، می‌توان تغییراتی ایجاد کرد و سپس حذف کرد. اگر حالت اولیه فیلد برابر با حالت نهایی باشد، رویداد رخ نداده در نظر گرفته می شود.</p> <p>OnSelect - بخشی از متن انتخاب شده است.</p> <p><b>عنصر CheckBox، رادیو.</b></p> <p><b>خواص:</b></p> <p>علامت زده شد - وضعیت فعلی کادر را بررسی کنید. درست - نصب شده، نادرست - غیرفعال است.</p> <p>defaultChecked - مقدار اصلی عنصر را همانطور که در برچسب ها تنظیم شده است برمی گرداند.</p> <p><b>عنصر را انتخاب کنید.</b></p> <p><b>خواص:</b></p> <p>گزینه آرایه ای از گزینه های شی گزینه است.</p> <p>SelectIndex - فهرست مورد انتخاب شده را برمی گرداند.</p> <p>انتخاب شده - یک بولی که وضعیت فعلی گزینه موجود در شی را نشان می دهد، برمی گرداند.</p> <p>defaultSelected - یک مقدار بولی - مقدار اولیه عنصر، تنظیم شده در برچسب ها را برمی گرداند.</p> <p>index - شاخص عنصر را برمی گرداند.</p> <br><br><p><b>تحولات:</b></p> <p>OnChange - محتوای شی تغییر کرده است.</p> <p><b>برچسب ها <a href="https://bumotors.ru/fa/chto-takoe-blochnyi-element-html-osnovy-html-obshchie-pravila-blochnye-i.html">جدایی منطقی</a>. ویژگی های تگ رایج</b></p> <p>تگ HTML <hr>(قاعده افقی) تعریف می کند <a href="https://bumotors.ru/fa/kak-sdelat-gorizontalnuyu-liniyu-v-css-gorizontalnye.html">خط افقی</a>، که قبل و بعد از خود یک شکست خط وارد می کند و کل عرض موجود را می گیرد. چنین خطی هنگام جدا کردن مقدمه موضوعی از متن اصلی مفید خواهد بود، به عنوان مثال، تغییر صحنه در یک داستان یا انتقال به <a href="https://bumotors.ru/fa/gde-uznat-o-lyubom-cheloveke-poisk-dopolnitelnoi-informacii.html">اطلاعات اضافی</a>در بخش مرجع</p> <p>برخی از عناصر HTML که ممکن است در داخل وجود داشته باشند <a href="https://bumotors.ru/fa/chto-takoe-html-tegi-i-atributy-validator-validator-w3c-struktura-i-pravila.html">برچسب BODY</a>، عناصر "سطح بلوک" نامیده می شوند، در حالی که سایرین "داخلی" هستند (که عناصر "سطح متن" نیز نامیده می شوند).</p> <p>مدل محتوا</p> <p>عناصر سطح بلوک می توانند شامل عناصر درون خطی و سایر عناصر سطح بلوک باشند.</p> <p>عناصر درون خطی فقط می توانند حاوی داده ها و سایر عناصر درون خطی باشند. ذاتی این تفاوت ساختاری این ایده است که عناصر بلوک ساختارهای "بزرگتر" را نسبت به عناصر درون خطی ایجاد می کنند.</p> <p>قالب بندی</p> <p>به‌طور پیش‌فرض، قالب‌بندی عناصر سطح بلوک با عناصر درون خطی متفاوت است. به طور معمول، عناصر در سطح بلوک از یک خط جدید شروع می شوند، در حالی که عناصر درون خطی این کار را نمی کنند.</p> <p>عناصر گروه بندی: عناصر DIV و SPAN</p> <p>برچسب شروع: الزامی، برچسب پایان: ضروری است</p> <p>عناصر DIV و SPAN به همراه ویژگی های id و class مکانیزمی کلی برای افزودن ساختار به اسناد ارائه می دهند. این عناصر اطلاعات درون خطی (SPAN) یا اطلاعات سطح بلوک (DIV) را تعریف می کنند، اما هیچ عبارت دیگری را برای نشان دادن زمینه تحمیل نمی کنند.</p> <p><a href="https://bumotors.ru/fa/bokovaya-panel-v-yandeks-brauzere-kak-ustanovit-vizualnye-zakladki-dlya.html">مرورگرهای بصری</a>معمولاً یک کاراکتر خط جدید را قبل و بعد قرار می دهند <a href="https://bumotors.ru/fa/gorizontalnoe-i-vertikalnoe-vyravnivanie-elementov-vertikalnoe-vyravnivanie-v-div-bonus-uslovn.html">عناصر DIV</a></p> <p><b>ویژگی های عمومی برچسب</b></p> <p>ویژگی های عمومی را می توان تقریباً برای هر موردی استفاده کرد <a href="https://bumotors.ru/fa/zagolovki-html-tegi-h1-h6-html-formatirovanie-teksta-tegi-strong-b-em-i-blockquote-pre-tegi.html">تگ HTML</a>. از این رو در آنها متمایز می شوند <a href="https://bumotors.ru/fa/kak-postavit-svoi-zvonok-na-android-5-1-kak-smenit-i-nastroit-svoyu-melodiyu.html">گروه جداگانه</a>برای جلوگیری از تکرارهای بی‌معنی</p> <p><b>کلید دسترسی</b></p> <p>به شما امکان می دهد با استفاده از میانبر صفحه کلید با یک حرف یا عدد مشخص شده در ویژگی، به یک فیلد متنی بروید. مرورگرها استفاده می کنند <a href="https://bumotors.ru/fa/goryachie-klavishi-na-klaviature-naznachenie-razlichnyh-sochetanii.html">ترکیبات مختلف</a>کلید..</p> <p>یک یا چند نام کلاس را برای مرتبط کردن یک عنصر با استایل مشخص می کند. اگر چندین کلاس مشخص شده باشد، آنها با فاصله از هم جدا می شوند. نام کلاس می تواند شامل باشد <a href="https://bumotors.ru/fa/translit-na-latinskii-perevod-russkih-bukv-v-angliiskie-onlain.html">نامه ها</a>(A-Z، a-z)، اعداد (0-9)، خط فاصله (-)، و خط زیر (_)، اولین کاراکتر باید یک حرف باشد. <br><b>قابل رضایت</b></p> <p>مشخص می کند که آیا محتوای عنصر قابل ویرایش است یا خیر. <a href="https://bumotors.ru/fa/raspolozhenie-druzei-v-vkontakte-znachenie-vozmozhnye-druzya.html">مقادیر ممکن</a>: "درست غلط". مقدار "true" را می توان به هیچ وجه حذف کرد (contenteditable).</p> <p><b>منوی زمینه</b></p> <p>مجموعه ها <a href="https://bumotors.ru/fa/kak-naiti-kontekstnoe-menyu-podrobnyi-razbor-variantov.html">منوی زمینه</a>برای عنصر مقدار مشخصه، شناسه منوی ایجاد شده با استفاده از تگ است <menu>.</p> <p>ویژگی contextmenu فقط در فایرفاکس کار می کند.</p> <p>به شما امکان می دهد تا ویژگی های خود را برای ذخیره داده ها ایجاد کنید. <br>با توجه به قوانین زیر، نام ویژگی ها به متغیرهایی تبدیل می شوند که می توان برای به دست آوردن داده ها به آنها دسترسی داشت:</p> <ul><li>پیشوند <b>داده ها-</b>حذف شده است؛</li> <li>خط فاصله قبل از حرف حذف می شود و حرف بعد از آن بزرگ می شود.</li> <li>خط تیره های دیگر بدون تغییر باقی می مانند.</li> </ul><p>به عنوان مثال، ویژگی data-number-of-users به متغیر numberOfUsers نگاشت می شود.</p> <p>جهت نمایش متن را مشخص می کند. مقادیر ممکن:</p> <ul><li>ltr - از چپ به راست،</li> <li>rtr - از راست به چپ.</li> </ul><p><b>قابل کشیدن</b></p> <p>نشان می دهد که آیا می توان عنصر را با ماوس کشید یا خیر. مقادیر ممکن: "درست"، "نادرست".</p> <p>عنصر پنهان است، یعنی. در صفحه نمایش داده نمی شود، اما از طریق اسکریپت در دسترس است.</p> <p>ویژگی hidden در Safari، Android، iOS کار نمی کند.</p> <p>شناسه عنصر که برای ارجاع به عنصر از طریق اسکریپت استفاده می شود. شناسه - نام منحصر به فرد عنصر، به عنوان مثال. در کد سند باید فقط یک بار رخ دهد. شناسه می تواند شامل حروف لاتین (A–Z, a–z)، اعداد (0–9)، خط فاصله (-) و زیرخط (_) باشد، اولین کاراکتر باید یک حرف باشد. <br>در HTML5 <b>شناسه</b>همچنین می تواند برای پیوند دادن به یک مکان خاص در یک صفحه وب استفاده شود.</p> <p>زبان محتوای عنصر.</p> <p><b>غلط املایی</b></p> <p>تعیین می کند که آیا املا و دستور زبان در متن بررسی شود یا خیر. مقادیر ممکن: "درست"، "نادرست". مقدار "true" را می توان به هیچ وجه حذف کرد (بررسی املا). نتیجه فقط برای فیلدهای فرم قابل مشاهده خواهد بود <input>و <textarea>و همچنین برای عناصر با مجموعه ویژگی contenteditable.</p> <p>سبک های داخلی عنصر</p> <p><b>tabindex</b></p> <p>نحوه دریافت فوکوس فرم هنگام پیمایش بین عناصر با استفاده از کلید Tab را تعیین می کند. مقدار ممکن هر عدد صحیحی است <a href="https://bumotors.ru/fa/mnozhestvennaya-regressiya-dannaya-opciya-zadaetsya-pri.html">عدد مثبت</a>. عناصری که دارای ویژگی tabindex نیستند، به ترتیبی که در کد مشخص شده اند، بعد از همه عناصر "شماره گذاری شده" به سمت آنها هدایت می شوند.</p> <p>متن پاپ آپی که وقتی نشانگر ماوس روی عنصر قرار می گیرد ظاهر می شود.</p> <p><b>شیوه نامه ها. انتخابگرها</b></p> <p><b>شیوه نامه ها.</b></p> <p>Style هر چیزی است که ظاهر یک سند HTML را هنگام نمایش در پنجره مرورگر مشخص می کند: فونت ها، رنگ ها، موقعیت یابی و غیره.</p> <p>شیت های سبک آبشاری هستند <a href="https://bumotors.ru/fa/blokchein-chto-eto-ponyatnym-yazykom-blockchain-dlya-chainikov-tehnologiya.html">تکنولوژی ساده</a>پیوست کردن سبک ها به <a href="https://bumotors.ru/fa/struktura-html-dokumenta-osnovnye-tegi-primer-sozdanie-dokumenta-html-v.html">اسناد HTML</a>. شیوه نامه الگویی است که قالب بندی تگ ها را در یک سند کنترل می کند. این مجموعه ای از قوانین نمایش است.</p> <p>هر قانون شیوه نامه آبشاری شامل دو بخش است: انتخابگر و تعریف. هر <a href="https://bumotors.ru/fa/otkryvayushchii-i-zakryvayushchii-tegi-otlichayutsya-simvolom-chto-takoe-html-tegi-i.html">عنصر HTML</a>یک ممکن را نشان می دهد <a href="https://bumotors.ru/fa/type-text-css-href-zagruzhennoe-selektor-strukturnyh-psevdoklassov-kak-neskolko.html">انتخابگر CSS</a>. ویژگی های انتخابگر، سبک سندی را که برای آن تعریف شده است، تعیین می کند.</p> <p><b>انواع انتخابگر:</b></p> <p><b>معمولی</b></p> <p>انتخابگر ( <i>تعریف</i>}</p> <p>این تعریف از دو بخش تشکیل شده است: یک ویژگی و مقدار آن که با یک دو نقطه از هم جدا شده اند. هدف ملک از نام آن مشخص است.</p> <p><b>انتخاب کنندگان کلاس</b></p> <p>selector.class ( <i>تعریف</i>}</p> <p>در CSS می توان از انتخابگرهای کلاس برای توصیف استفاده کرد <a href="https://bumotors.ru/fa/obrabatyvai-fotografii-s-umom-sozdai-sobstvennyi-stil.html">سبک های خود</a>برای کلاس های مختلف از عناصر یکسان.</p> <p>همچنین می‌توان کلاس‌ها را بدون محدود کردن صریح به عناصر خاص اعلام کرد.</p> <p>کلاس ها همچنین می توانند بدون اتصال صریح به عناصر خاص اعلام شوند.</p> <p><b>انتخابگرهای شناسه</b></p> <p>#شناسه (تعریف)</p> <p>ID یک سبک با نام جداگانه است. با استفاده از آن، می توانید استثناهای سبکی را در بین عناصر همان کلاس ایجاد کنید. شناسه ها عمدتاً برای دادن یک یا چند عنصر از همان کلاس خصوصیات فردی استفاده می شوند.</p> <p><b>انتخابگرهای زمینه</b></p> <p>انتخابگر انتخابگر ( <i>تعریف</i>}</p> <p>انتخابگرهای متنی ترکیبی از چندین انتخابگر معمولی هستند. سبک فقط توسط عنصر در دنباله داده شده بسته به ترتیب آبشاری تنظیم می شود.</p> <p>برای دادن عناصر متعدد <a href="https://bumotors.ru/fa/nasledovanie-css-svoistv-css-specifichnost-i-nasledovanie.html">همان خواص</a>انتخابگرها با کاما از هم جدا شده اند.</p> <p><b>فرم های HTML</b>کنترل هایی هستند که برای جمع آوری اطلاعات از بازدیدکنندگان وب سایت استفاده می شوند.</p> <p>فرم های وب شامل مجموعه ای از فیلدهای متنی، دکمه ها، لیست ها و سایر کنترل ها هستند که با کلیک ماوس فعال می شوند. فرم ها از نظر فنی داده ها را از کاربر به سرور راه دور منتقل می کنند.</p> <p>از زبان های برنامه نویسی وب برای دریافت و پردازش داده های فرم استفاده می شود، مانند <b>PHP</b>, <b>پرل</b>.</p> <p>قبل از ظهور HTML5، فرم های وب مجموعه ای از چندین عنصر بودند <input type="text"> , <input type="password">با یک دکمه تمام می شود <input type="submit">. برای استایل دادن به فرم ها در مرورگرهای مختلف تلاش زیادی شد. علاوه بر این، فرم‌ها نیاز به استفاده از جاوا اسکریپت برای اعتبارسنجی داده‌های وارد شده داشتند و همچنین از انواع خاصی از فیلدهای ورودی برای تعیین اطلاعات روزمره مانند تاریخ‌ها، آدرس‌ها محروم بودند. <a href="https://bumotors.ru/fa/qmail-com-elektronnaya-pochta-registraciya-gmail-elektronnaya-pochta-s-vozmozhnostyu.html">پست الکترونیک</a>و URL ها</p> <p><b>فرم های HTML5</b>بسیاری از این مشکلات رایج را به لطف وجود ویژگی های جدید حل کرد و توانایی تغییر ظاهر عناصر فرم توسط <b>CSS3</b>.</p> <img src='https://i0.wp.com/html5book.ru/wp-content/uploads/2015/05/html5_form.png' align="left" height="696" width="660" loading=lazy loading=lazy>برنج. 1. بهبود فرم های وب با HTML5 <h2>ایجاد فرم HTML5</h2> <i> </i><h3>1. مورد <form></h3> <p>اساس هر شکلی عنصر است <form>...</form>. این ورودی را ارائه نمی دهد زیرا یک ظرف است و تمام کنترل های فرم را با هم نگه می دارد - <b>زمینه های</b>. ویژگی های این عنصر حاوی اطلاعاتی است که در همه فیلدهای فرم مشترک است، بنابراین فیلدهایی که به طور منطقی ترکیب می شوند باید در یک فرم گنجانده شوند.</p> <table class="t3">جدول 1. ویژگی های برچسب <form> <tr><th>صفت</th> <th>معنی / شرح</th> </tr><tr><td>پذیرش-مجموعه حروف</td> <td>مقدار مشخصه یک فاصله جدا شده است <b>لیست رمزگذاری کاراکترها</b>، که برای ارسال فرم استفاده می شود، به عنوان مثال، <form accept-charset="ISO-8859-1"> . </td> </tr><tr><td>عمل</td> <td><b>ویژگی مورد نیاز</b>، که نشانی اینترنتی کنترل کننده فرم را در سروری که داده ها به آن ارسال می شود، مشخص می کند. این یک فایل (به عنوان مثال، action.php) است که توضیح می دهد که با داده های فرم چه باید کرد. اگر مقدار مشخصه مشخص نشده باشد، پس از بارگذاری مجدد صفحه، عناصر فرم مقادیر پیش فرض را خواهند گرفت. <br>در صورتی که تمام کارها در سمت مشتری انجام شود <a href="https://bumotors.ru/fa/javascript-kak-vklyuchit-v-yandekse-kak-vklyuchit-scenarii-javascript-v-yandeks.html">اسکریپت های جاوا اسکریپت</a>، ویژگی action را می توان روی # تنظیم کرد. <br>همچنین می توانید مطمئن شوید که فرم پر شده توسط بازدید کننده به ایمیل شما می آید. برای این کار باید ورودی زیر را وارد کنید: <br> <form action="mailto:адрес вашей электронной почты" enctype="text/plain"></form> </td> </tr><tr><td>تکمیل خودکار</td> <td><br><br></td> </tr><tr><td>تایپ کردن</td> <td>برای نشان دادن استفاده می شود <b>MIME</b>-نوع داده ارسال شده با فرم، به عنوان مثال، enctype="multipart/form-data" . فقط در صورتی که روش = "پست" مشخص شود. <br>application/x-www-form-urlencoded نوع محتوای پیش‌فرض است، که نشان می‌دهد داده‌های ارسالی فهرستی از متغیرهای فرم کد شده با URL است. کاراکترهای فضایی (ASCII 32) به صورت + و کاراکترهای ویژه مانند ! به صورت هگزادسیمال به صورت % 21 کدگذاری خواهد شد. <br>چند قسمتی/فرم-داده - برای ارسال فرم‌های حاوی فایل‌ها، داده‌های غیرASCII و داده‌های باینری استفاده می‌شود، از چندین بخش تشکیل شده است که هر کدام نشان دهنده محتوا است. <a href="https://bumotors.ru/fa/kak-v-vorde-sdelat-vidimoi-panel-sozdanie-novoi-vkladki-vklyuchenie.html">عنصر فردی</a>تشکیل می دهد. <br>text/plain - نشان می دهد که متن ساده (غیر html) در حال ارسال است.</td> </tr><tr><td>روش</td> <td>نحوه ارسال داده های فرم را مشخص می کند. <br>روش get داده ها را از طریق به سرور ارسال می کند <a href="https://bumotors.ru/fa/razblokirovat-stranicu-v-odnoklassnikah-po-nomeru-telefona-blokirovka.html">نوار آدرس</a>مرورگر. هنگام تشکیل یک درخواست به سرور، همه متغیرها و مقادیر آنها دنباله ای مانند www.anysite.ru/form.php?var1=1&var2=2 تشکیل می دهند. آیا نام و مقادیر متغیرها پس از علامت به آدرس سرور اضافه می شود؟ و با & از هم جدا می شوند. همه چيز <a href="https://bumotors.ru/fa/yaponskie-simvoly-dlya-nika-specialnye-simvoly-dlya-nika-zv-zdochki-serdechki.html">نمادهای خاص</a>و حروفی غیر از لاتین با فرمت %nn کدگذاری می شوند، فاصله با + جایگزین می شود. اگر حجم زیادی از اطلاعات را منتقل نمی کنید، باید از این روش استفاده کنید. اگر قرار باشد فایلی به همراه فرم ارسال شود، این روش جواب نمی دهد. <br>روش پست برای ارسال مقادیر زیادی داده و همچنین <a href="https://bumotors.ru/fa/meropriyatiya-po-skrytiyu-soderzhaniya-peredavaemoi-informacii-organizacionnye-i-tehnicheskie-meropriyatiya.html">اطلاعات محرمانه</a>و رمزهای عبور داده های ارسال شده با استفاده از این روش در سربرگ URL قابل مشاهده نیست زیرا در متن پیام موجود است. <br> <form action="action.php" enctype="multipart/form-data" method="post"></form> </td> </tr><tr><td>نام</td> <td>مجموعه ها <b>نام فرم</b>، که برای دسترسی به عناصر فرم از طریق اسکریپت ها، به عنوان مثال، name="opros" استفاده می شود.</td> </tr><tr><td>اعتبار بخشیدن</td> <td>تأیید اعتبار در دکمه ارسال فرم را غیرفعال می کند. ویژگی بدون مقدار استفاده می شود</td> </tr><tr><td>هدف</td> <td>پنجره ای را که اطلاعات به آن ارسال می شود را مشخص می کند: <br>_blank - پنجره جدید <br>_خود همان قاب است <br>_parent - فریم والد (اگر وجود دارد، اگر نه، پس به فریم فعلی) <br>_top پنجره سطح بالا در رابطه با فریم داده شده است. اگر تماس از فریم فرزند نیست، به همان فریم.</td> </tr></table><h3>2. گروه بندی عناصر فرم</h3> <p>عنصر <fieldset>...</fieldset>برای گروه بندی عناصر مرتبط با یکدیگر طراحی شده است، بنابراین فرم را به قطعات منطقی تقسیم می کند.</p> <p>با استفاده از عنصر می توان به هر گروه از عناصر یک نام داد <legend>، که بلافاصله بعد از تگ می آید <fieldset>. نام گروه در سمت چپ در حاشیه بالایی ظاهر می شود <fieldset>. به عنوان مثال، اگر عنصر <fieldset>اطلاعات تماس ذخیره می شود:</p><p> <form> <fieldset> <legend><a href="https://bumotors.ru/fa/kak-skryt-kontaktnuyu-informaciyu-vk-kak-skryt-stranicu-vkontakte-ot.html">اطلاعات تماس</a></legend> <p><label for="name">نام <em></em></label><input type="text" id="name"></p> <p><label for="email">پست الکترونیک</label><input type="email" id="email"></p> </fieldset> <p><input type="submit" value="ارسال"></p> </form> <br><img src='https://i0.wp.com/html5book.ru/wp-content/uploads/2015/05/fieldset.png' align="left" width="100%" loading=lazy loading=lazy>برنج. 2. گروه بندی عناصر فرم با <fieldset> </p><table class="t3">جدول 2. ویژگی های برچسب <fieldset> <tr><th>صفت</th> <th>معنی / شرح</th> </tr><tr><td>معلول</td> <td>اگر صفت موجود باشد، گروهی از عناصر فرم مرتبط موجود در ظرف <fieldset>، برای پر کردن و ویرایش غیرفعال است. برای محدود کردن دسترسی به فیلدهای فرم خاص حاوی داده‌های وارد شده قبلی استفاده می‌شود. ویژگی بدون تعیین مقدار − استفاده می شود <fieldset disabled> . </td> </tr><tr><td>فرم</td> <td> <form>در همان سند نشان دهنده یک یا چند شکل است که به آن تعلق دارد. <a href="https://bumotors.ru/fa/idei-dlya-prodvizheniya-gruppy-vkontakte-plyusy-i-minusy-gruppy-vkontakte.html">این گروه</a>عناصر. در <a href="https://bumotors.ru/fa/programmy-dlya-programmirovaniya-robotov-v-rep-besplatnyi.html">این لحظه</a>این ویژگی توسط هیچ مرورگری پشتیبانی نمی شود.</td> </tr><tr><td>نام</td> <td>تعریف می کند <b>نام</b>، که برای ارجاع به عناصر در جاوا اسکریپت یا برای ارجاع به داده های فرم پس از تکمیل و ارسال فرم استفاده می شود. این مشابه با ویژگی id است.</td> </tr></table><h3>3. فیلدهای فرم را ایجاد کنید</h3> <p>عنصر <input>بیشتر فیلدهای فرم را ایجاد می کند. ویژگی های یک عنصر بسته به نوع فیلدی که عنصر برای ایجاد آن استفاده می شود متفاوت است.</p> <p>با استفاده از سبک‌های css، می‌توانید اندازه فونت، نوع فونت، رنگ و سایر ویژگی‌های متن را تغییر دهید و همچنین حاشیه‌ها، رنگ پس‌زمینه و <a href="https://bumotors.ru/fa/izmenenie-razmera-fona-css-upravlenie-razmerom-fonovogo-izobrazheniya-pri.html">تصویر پس زمینه</a>. عرض فیلد توسط ویژگی width تنظیم می شود.</p> <table class="t3">جدول 3. ویژگی های برچسب <input> <tr><th>صفت</th> <th>معنی / شرح</th> </tr><tr><td>تایید کنید</td> <td>نوع فایل مجاز برای ارسال به سرور را مشخص می کند. فقط برای <input type="file">. مقادیر ممکن: <br>file_extension - امکان آپلود فایل ها را از <a href="https://bumotors.ru/fa/net-associirovannogo-prilozheniya-dlya-ukazannogo-rasshireniya-faila-personalnyi-kompyuter-ot-a-do-ya.html">پسوند مشخص شده</a>برای مثال، accept=".gif" , accept=".pdf" , accept=".doc" <br>audio/ - اجازه دانلود فایل های صوتی را می دهد <br>ویدئو/* - امکان دانلود فایل های ویدئویی را فراهم می کند <br>image/* - اجازه می دهد تا تصاویر آپلود شوند <br>media_type - نوع رسانه فایل های آپلود شده را نشان می دهد.</td> </tr><tr><td>alt</td> <td>تعریف می کند <b><a href="https://bumotors.ru/fa/vstavka-svg-v-css-dobavlyaem-svg-na-stranicu-s-pomoshchyu-tega-grafika-i-alternativnyi-tekst.html">متن جایگزین</a> </b>برای تصاویر، فقط برای نشان داده شده است <input type="image"> . </td> </tr><tr><td>تکمیل خودکار</td> <td>مسئول به خاطر سپردن مقادیر وارد شده در قسمت متن و جایگزینی خودکار آنها برای ورودی بعدی: <br>on - به این معنی است که فیلد محافظت نشده است و مقدار آن قابل ذخیره و بازیابی است. <br>خاموش - تکمیل خودکار فیلدهای فرم را غیرفعال می کند.</td> </tr><tr><td>فوکوس خودکار</td> <td>به شما امکان می‌دهد مطمئن شوید که در فرم بارگیری شده، یک یا آن فیلد ورودی قبلاً دارای تمرکز است (انتخاب شده است) و برای وارد کردن مقدار آماده است.</td> </tr><tr><td>بررسی شد</td> <td>این ویژگی بررسی می‌کند که آیا کادر انتخاب به‌طور پیش‌فرض در بارگذاری صفحه برای فیلدهای نوع "چک باکس" و نوع "رادیو" علامت‌گذاری شده است.</td> </tr><tr><td>معلول</td> <td></td> </tr><tr><td>فرم</td> <td>مقدار مشخصه باید برابر با ویژگی id عنصر باشد <form>در همان سند یک یا چند فرم را مشخص می کند که این فیلد فرم به آنها تعلق دارد.</td> </tr><tr><td>شکل گیری</td> <td>آدرس فایلی را مشخص می کند که هنگام ارسال فرم، داده های وارد شده در فیلدها را پردازش می کند. فقط برای فیلدهای نوع = "ارسال" و نوع "تصویر" تنظیم کنید. این ویژگی ارزش ویژگی عمل خود فرم را نادیده می گیرد.</td> </tr><tr><td>فرمنتیپ</td> <td>نحوه کدگذاری داده های فیلد فرم هنگام ارسال به سرور را تعیین می کند. مقدار ویژگی enctype فرم را لغو می کند. فقط برای فیلدهای نوع = "ارسال" و نوع "تصویر" تنظیم کنید. گزینه ها: <br>application/-x-www-form-urlencoded مقدار پیش فرض است. همه کاراکترها قبل از ارسال کدگذاری می شوند (فضاها با یک کاراکتر + جایگزین می شوند، کاراکترهای ویژه به مقادیر ASCII HEX تبدیل می شوند) <br>چند بخشی/فرم-داده - کاراکترها کدگذاری نمی شوند <br>text/plain - فاصله ها با یک کاراکتر + جایگزین می شوند و کاراکترهای ویژه کدگذاری نمی شوند.</td> </tr><tr><td>روش فرم</td> <td>ویژگی روشی را که مرورگر برای ارسال داده‌های فرم به سرور استفاده می‌کند، مشخص می‌کند. فقط برای فیلدهای نوع = "ارسال" و نوع "تصویر" تنظیم کنید. مقدار ویژگی متد فرم را لغو می کند. گزینه ها: <br>get مقدار پیش فرض است. داده های فرم (جفت نام/مقدار) به url اضافه می شود و به سرور ارسال می شود: URL?name=value&name=value <br>داده های پست فرم به عنوان یک درخواست http ارسال می شود.</td> </tr><tr><td>formnovalidate</td> <td>مشخص می کند که هنگام ارسال فرم، داده های فیلد فرم نباید تأیید شوند. مقدار ویژگی novalidate فرم را لغو می کند. بدون تعیین مقدار مشخصه قابل استفاده است.</td> </tr><tr><td>قالب هدف</td> <td>محل نمایش پاسخ دریافتی پس از ارسال فرم را مشخص می کند. فقط برای فیلدهای نوع = "ارسال" و نوع "تصویر" تنظیم کنید. مقدار را لغو می کند <a href="https://bumotors.ru/fa/ikt-kak-delat-tablicu-v-html-giperssylka-giperssylka-chto-eto.html">ویژگی هدف</a>تشکیل می دهد. <br><br><br>_parent - پاسخ را در قاب والد بارگذاری می کند <br>_top - پاسخ را در تمام صفحه بارگیری می کند <br>نام فریم - پاسخ را در یک فریم با نام مشخص شده بارگذاری می کند.</td> </tr><tr><td>ارتفاع</td> <td>مقدار مشخصه شامل تعداد پیکسل ها بدون تعیین واحد است. ارتفاع یک فیلد فرم مانند type="image" را تنظیم می کند، به عنوان مثال. <input type="image" src="img_submit.gif" height="50">. توصیه می شود ارتفاع و عرض میدان را همزمان تنظیم کنید.</td> </tr><tr><td>فهرست</td> <td>ارجاع به یک عنصر است <datalist>به کاربر اجازه می دهد تا زمانی که شروع به تایپ یک مقدار در فیلد مربوطه می کند چندین گزینه برای انتخاب داشته باشد.</td> </tr><tr><td>حداکثر</td> <td>به شما امکان می دهد ورودی مجاز داده های عددی را محدود کنید <a href="https://bumotors.ru/fa/kakaya-agregatnaya-funkciya-sql-nahodit-maksimalnoe-znachenie.html">حداکثر مقدار</a>، مقدار مشخصه می تواند یک عدد صحیح یا باشد <a href="https://bumotors.ru/fa/chislo-83-v-dvoichnoi-sisteme-perevod-chisel-iz-odnoi-sistemy-schisleniya-v.html">یک عدد کسری</a>. توصیه می شود که این ویژگی همراه با ویژگی min استفاده شود. با انواع فیلدهای زیر کار می کند: شماره، محدوده، تاریخ، تاریخ، تاریخ-محلی، ماه، زمان و هفته.</td> </tr><tr><td>بیشترین طول</td> <td>مجموعه های ویژگی <a href="https://bumotors.ru/fa/preobrazovanie-iz-pdf-v-eksel-maksimalnoe-kolichestvo-stranic.html">بیشترین مقدار</a>کاراکترهای وارد شده در فیلد مقدار پیش فرض 524288 کاراکتر است.</td> </tr><tr><td>دقیقه</td> <td>به شما امکان می دهد ورودی عددی مجاز را به حداقل مقدار محدود کنید.</td> </tr><tr><td>چندگانه</td> <td>به کاربر اجازه می دهد چندین مقدار مشخصه را که با کاما از هم جدا شده اند وارد کند. برای فایل ها و آدرس های ایمیل اعمال می شود. بدون مقدار مشخصه مشخص شده است.</td> </tr><tr><td>نام</td> <td>نام مورد استفاده برای دسترسی به عنصر را مشخص می کند <form>به عنوان مثال در جداول <a href="https://bumotors.ru/fa/pravilnyi-css-vstroennyi-css---atribut-stilya-podklyuchenie-css-k-html.html">سبک های css</a>. این مشابه با ویژگی id است.</td> </tr><tr><td>الگو</td> <td>به شما امکان می دهد با استفاده از آن تعریف کنید <b><a href="https://bumotors.ru/fa/regulyarnye-vyrazheniya-php-regulyarnye-vyrazheniya.html">عبارت منظم</a> </b>سینتکس داده هایی که باید در یک فیلد خاص مجاز باشد. به عنوان مثال، الگو = "(3)-(3)" - براکت های مربع محدوده نویسه های معتبر را تنظیم می کنند، در این مورد - هر <a href="https://bumotors.ru/fa/kakim-obrazom-izmenyaetsya-registr-simvolov-kak-perevesti-zaglavnye.html">حروف کوچک</a>، شماره در <a href="https://bumotors.ru/fa/calculator-with-curly-and-square-brackets-the-complexity-of-calculating-school-examples.html">آکولاد</a>مشخص می کند که سه حرف کوچک و به دنبال آن یک خط تیره و به دنبال آن سه رقم از 0 تا 9 مورد نیاز است.</td> </tr><tr><td>نگهدارنده مکان</td> <td>حاوی متنی است که در قسمت ورودی نمایش داده می شود تا زمانی که پر شود (اغلب یک اشاره است).</td> </tr><tr><td>فقط خواندنی</td> <td>به کاربر اجازه نمی دهد تا مقادیر عناصر فرم را تغییر دهد، در حالی که انتخاب و کپی متن در دسترس است. بدون مقدار مشخصه مشخص شده است.</td> </tr><tr><td>ضروری</td> <td>پیامی را نشان می دهد که فیلد مورد نیاز است. در صورتی که کاربر بدون وارد کردن مقدار مورد نیاز در این قسمت اقدام به ارسال فرم کند، یک پیام هشدار بر روی صفحه نمایش داده می شود. بدون مقدار مشخصه مشخص شده است.</td> </tr><tr><td>اندازه</td> <td>پهنای قابل مشاهده فیلد را به کاراکتر مشخص می کند. مقدار پیش‌فرض 20 است. با انواع فیلد زیر کار می‌کند: متن، جستجو، تلفن، آدرس اینترنتی، ایمیل، و رمز عبور.</td> </tr><tr><td>src</td> <td>نشانی اینترنتی یک تصویر را برای استفاده به عنوان دکمه ارسال برای داده های فرم مشخص می کند. فقط برای فیلد مشخص شده است <input type="image"> . </td> </tr><tr><td>گام</td> <td>مورد استفاده برای عناصری که ورودی عددی را می پذیرند، میزان افزایش یا کاهش مقادیر را در طول تنظیم محدوده (مرحله) نشان می دهد.</td> </tr><tr><td rowspan="21">نوع</td> <td>دکمه - یک دکمه ایجاد می کند. <br><input type="button" value="دکمه"></td> </tr><tr><td>چک باکس - یک فیلد ورودی را به یک چک باکس تبدیل می کند که می تواند بررسی یا پاک شود، به عنوان مثال. <br><input type="checkbox" name="vehicle" value="خودرو">من یک ماشین دارم</td> </tr><tr><td>رنگ - انتخابگرهای رنگ را در مرورگرهای پشتیبانی شده ایجاد می کند و به کاربران امکان می دهد مقادیر رنگ را در قالب هگزادسیمال انتخاب کنند. <br><input type="color" name="color"></td> </tr><tr><td>date - به شما امکان می دهد تاریخ را با فرمت dd.mm.yyyy وارد کنید. <br>روز تولد: <input type="date" name="birthday"></td> </tr><tr><td>datetime-local - به شما امکان می دهد تاریخ و زمان را با حروف بزرگ از هم جدا کنید <a href="https://bumotors.ru/fa/ne-pokazyvayut-hd-kanaly-trikolor-6301-krug-s-angliiskoi-bukvoi-i.html">نامه انگلیسی</a> T با الگوی dd.mm.yyyy hh:mm. <br>روز تولد - روز و ساعت: <input type="datetime-local" name="birthday"></td> </tr><tr><td>ایمیل - مرورگرهایی که پشتیبانی می کنند <a href="https://bumotors.ru/fa/polnaya-funkcionalnaya-zavisimost-bd-funkcionalnaya.html">ویژگی داده شده</a>، از کاربر انتظار دارد که داده هایی را وارد کند که با نحو آدرس های ایمیل مطابقت دارد. <br>پست الکترونیک: <input type="email" name="email"></td> </tr><tr><td>file - به شما امکان می دهد فایل ها را از رایانه کاربر آپلود کنید. <br>انتخاب یک فایل: <input type="file" name="img"></td> </tr><tr><td>hidden - کنترلی که توسط مرورگر نمایش داده نمی شود را پنهان می کند و از تغییر مقادیر پیش فرض توسط کاربر جلوگیری می کند.</td> </tr><tr><td>تصویر - یک دکمه ایجاد می کند که به شما امکان می دهد یک تصویر را به جای متن روی دکمه درج کنید. <br><input type="image" src="https://html5book.ru/wp-content/uploads/2015/04/webbutton.png" alt="ارسال"></td> </tr><tr><td>ماه - به کاربر امکان می دهد با استفاده از الگوی yyyy-mm عدد سال و ماه را وارد کند. <br><input type="month"></td> </tr><tr><td>عدد - برای وارد کردن مقادیر صحیح در نظر گرفته شده است. خود <a href="https://bumotors.ru/fa/patterny-dlya-yazyka-html-5-atributy-max-i-min-vosproizvedenie-audiofailov-na.html">ویژگی های دقیقه</a>, max و step به ترتیب حد بالا، پایین و گام بین مقادیر را تنظیم می کنند. این ویژگی ها برای تمام عناصری که دارای شاخص های عددی هستند در نظر گرفته شده است. مقادیر پیش فرض آنها به نوع عنصر بستگی دارد. <br>مقدار را مشخص کنید (از 1 تا 5): <input type="number" name="quantity" min="1" max="5"></td> </tr><tr><td>رمز عبور - فیلدهای متنی را در فرم ایجاد می کند، در حالی که کاراکترهای وارد شده توسط کاربر با ستاره، گلوله یا موارد دیگر جایگزین می شوند. <a href="https://bumotors.ru/fa/skachat-brauzer-s-lisoi-skachat-i-ustanovit-brauzer-mozilla.html">توسط مرورگر نصب شده است</a>نمادها <br>رمز عبور را وارد کنید: <input type="password"></td> </tr><tr><td>رادیو - یک دکمه رادیویی ایجاد می کند - یک کنترل به شکل یک دایره کوچک که می تواند روشن یا خاموش شود. <br>گیاه خواری: <input type="radio"></td> </tr><tr><td>محدوده - به شما امکان می دهد یک عنصر رابط مانند یک نوار لغزنده، حداقل / حداکثر ایجاد کنید - به شما امکان می دهد محدوده انتخاب را تنظیم کنید. <input type="range" min="1" max="10" value="3"></td> </tr><tr><td>تنظیم مجدد - دکمه ای ایجاد می کند که فیلدهای فرم را از ورودی کاربر پاک می کند. <br><input type="reset"></td> </tr><tr><td>جستجو - نشان دهنده یک فیلد جستجو است، به طور پیش فرض فیلد ورودی یک شکل مستطیلی دارد. <br>جستجو کردن: <input type="search" name="search"></td> </tr><tr><td>ارائه - ایجاد می کند <a href="https://bumotors.ru/fa/perenaznachenie-knopok-klaviatury-nadoela-standartnaya.html">دکمه استاندارد</a>، با کلیک ماوس فعال می شود. این دکمه اطلاعات را از فرم جمع آوری کرده و برای پردازش ارسال می کند. <br><input type="submit" value="ارسال"></td> </tr><tr><td>text - با نمایش فیلد متنی تک خطی برای وارد کردن متن، فیلدهای متنی را در فرم ایجاد می کند. <br><input type="text"></td> </tr><tr><td>زمان - به شما امکان می دهد زمان را در قالب 24 ساعته با استفاده از الگوی hh:mm وارد کنید. در مرورگرهای پشتیبانی کننده، به عنوان یک کنترل در فرم ظاهر می شود <a href="https://bumotors.ru/fa/tekstovye-polya-parametry-css-width-i-height-dlya-zadaniya-razmerov.html">فیلد شماره</a>ورودی قابل تنظیم با ماوس و فقط مقادیر زمانی را می پذیرد. <br>زمان را مشخص کنید: <input type="time"></td> </tr><tr><td>url - فیلد برای تعیین URL ها در نظر گرفته شده است. <br>صفحه اصلی: <input type="url" name="homepage"></td> </tr><tr><td>هفته - ابزار فهرست مربوطه به کاربر این امکان را می دهد که یک هفته از سال را انتخاب کند و پس از آن ورود داده ها را در قالب nn-yyyy ارائه می دهد. بسته به سال، تعداد هفته ها می تواند 52 یا 53 باشد. <br>هفته را مشخص کنید: <input type="week"></td> </tr><tr><td>مقدار</td> <td>متن نمایش داده شده روی یک دکمه، کادر یا متن مرتبط را مشخص می کند. برای فیلدهای نوع فایل مشخص نشده است.</td> </tr><tr><td>عرض</td> <td>مقدار مشخصه شامل تعداد پیکسل است. به شما امکان می دهد عرض فیلدهای فرم را تنظیم کنید.</td> </tr></table><h3>4. فیلدهای ورودی متن</h3> <p>عنصر <textarea>...به جای عنصر استفاده می شود زمانی که نیاز به ایجاد فیلدهای متنی بزرگ دارید. متن نمایش داده شده به عنوان مقدار اصلی در داخل تگ قرار می گیرد. ابعاد فیلد با استفاده از ویژگی های cols - ابعاد افقی، ردیف ها - ابعاد عمودی تنظیم می شود. ارتفاع میدان را می توان با ویژگی height تنظیم کرد. همه اندازه ها بر اساس اندازه یک کاراکتر در فونت monospace محاسبه می شوند.
جدول 4. ویژگی های برچسب <tr><th>صفت</th> <th>معنی / شرح</th> </tr><tr><td>فوکوس خودکار</td> <td>فوکوس را به صورت خودکار روی قسمت متن اولیه دلخواه تنظیم می کند.</td> </tr><tr><td>cols</td> <td>عرض را بر حسب تعداد کاراکترها تنظیم می کند. اگر کاربر متن بیشتری وارد کند، یک نوار پیمایش ظاهر می شود.</td> </tr><tr><td>معلول</td> <td>امکان ویرایش و کپی محتوای فیلد را غیرفعال می کند.</td> </tr><tr><td>فرم</td> <td>مقدار مشخصه باید برابر با مقدار ویژگی id عنصر باشد <form>در همان سند یک یا چند فرم را مشخص می کند که این فیلد متنی به آنها تعلق دارد.</td> </tr><tr><td>بیشترین طول</td> <td>مقدار مشخصه مشخص می کند <a href="https://bumotors.ru/fa/maksimalnoe-chislo-uchastnikov-besedy-v-kontakte-beseda.html">حداکثر تعداد</a>کاراکترهایی که باید در فیلد وارد شوند.</td> </tr><tr><td>نام</td> <td>نام فیلد متنی را مشخص می کند.</td> </tr><tr><td>نگهدارنده مکان</td> <td>یک اشاره متن کوتاه را مشخص می کند که مقدار ورودی مورد انتظار را توصیف می کند.</td> </tr><tr><td>فقط خواندنی</td> <td>امکان ویرایش محتوای یک فیلد را غیرفعال می کند.</td> </tr><tr><td>ضروری</td> <td>پیامی را نشان می دهد که فیلد مورد نیاز است.</td> </tr><tr><td>ردیف ها</td> <td>عددی را مشخص می کند که نشان می دهد چند خط باید در ناحیه متن نمایش داده شود.</td> </tr><tr><td>بسته بندی کردن</td> <td>مشخص می کند که آیا متن باید هنگام ارسال فرم، شکستگی های خط را حفظ کند. مقدار سخت حمل را حفظ می کند، اما مقدار نرم اینطور نیست. اگر از سخت استفاده می شود، باید مقدار ویژگی cols مشخص شود.</td> </tr></table><h3>5. لیست کشویی</h3> <p>فهرست ها امکان ترتیب دادن را فراهم می کند <a href="https://bumotors.ru/fa/funkciya-sohraneniya-dokumenta-v-programme-1s-buhgalteriya.html">تعداد زیادی از</a>به صورت فشرده اشاره می کند. لیست های کشویی با استفاده از عنصر ایجاد می شوند <select>...</select>. آنها به شما امکان می دهند یک یا چند مقدار را از مجموعه پیشنهادی انتخاب کنید. به طور پیش فرض، یک جعبه لیست اولین مورد خود را نشان می دهد.</p> <p>آیتم ها برای افزودن موارد به لیست استفاده می شوند. <option>...</option>، که در داخل قرار دارند <select> .</p> <p>این عنصر برای سازماندهی لیست ها استفاده می شود. <optgroup>...</optgroup>، که عنوان ها را در لیست ها ایجاد می کند.</p> <p>برای لیست‌ها، می‌توانید اندازه قلم، نوع فونت، رنگ و سایر ویژگی‌های متن را تغییر دهید و همچنین حاشیه‌ها، رنگ‌های پس‌زمینه و تصاویر پس‌زمینه را اضافه کنید.</p> <table class="t3">جدول 5. ویژگی های برچسب <select> <tr><th>صفت</th> <th>معنی / شرح</th> </tr><tr><td>فوکوس خودکار</td> <td>هنگام بارگیری صفحه، فوکوس خودکار را روی یک عنصر تنظیم می کند.</td> </tr><tr><td>معلول</td> <td>لیست کشویی را غیرفعال می کند.</td> </tr><tr><td>فرم</td> <td>شکلی که به آن تعلق دارد را مشخص می کند <a href="https://bumotors.ru/fa/1s-spisok-informacionnyh-baz-pust-chto-delat-chto-takoe-spisok-baz-dannyh-i-gde-on.html">این لیست</a>. شناسه فرم به عنوان مقدار مشخصه مشخص می شود.</td> </tr><tr><td>چندگانه</td> <td>به شما امکان می دهد یک یا چند مورد را با فشار دادن و نگه داشتن در حین انتخاب انتخاب کنید <a href="https://bumotors.ru/fa/deistvie-primenyaemoe-po-hokkeyu-ctrl-x-goryachie-klavishi-na-klaviature.html">کلید Ctrl</a>. </td> </tr><tr><td>نام</td> <td>یک نام برای لیست کشویی مشخص می کند. مقدار مشخصه حاوی نامی است که موضوع لیست را منعکس می کند.</td> </tr><tr><td>ضروری</td> <td>پیامی را نشان می دهد که کاربر باید قبل از ارسال فرم، مقداری را از یک لیست کشویی انتخاب کند.</td> </tr><tr><td>اندازه</td> <td>تعداد آیتم های لیست را که روی صفحه نمایش قابل مشاهده هستند به طور همزمان تنظیم می کند. اگر تعداد عناصر موجود در لیست بیشتر از <a href="https://bumotors.ru/fa/programmy-uskoryayushchie-rabotu-android-uskorit-android-ogranicheniem.html">مبلغ تعیین شده</a>، یک نوار پیمایش ظاهر می شود. مقدار مشخصه به صورت یک عدد صحیح مثبت داده می شود.</td> </tr></table><h3>6. شرح برای فیلدهای فرم</h3> <p>برچسب ها برای عناصر فرم با استفاده از عنصر ایجاد می شوند <label>...</label>. دو راه برای گروه بندی برچسب ها و فیلدها وجود دارد. اگر فیلد داخل یک عنصر باشد <label>، پس ویژگی for نیازی به تعیین نیست.</p><p>  <label for="comments">آخرین باری که با هواپیما پرواز کردید کی بود؟</label> <textarea id="comments">
گربه
7. دکمه ها
عنصر دکمه های قابل کلیک ایجاد می کند. برخلاف دکمه های ایجاد شده ( , , , ) در داخل عنصر .
دکمه‌ها به کاربران اجازه می‌دهند داده‌ها را به یک فرم ارسال کنند، محتوای یک فرم را پاک کنند یا اقدام دیگری انجام دهند. می توانید حاشیه ایجاد کنید، پس زمینه را تغییر دهید، و متن را روی دکمه تراز کنید.

جدول 9. ویژگی های برچسب
صفت معنی / شرح
فوکوس خودکار هنگام بارگیری صفحه، فوکوس را روی دکمه تنظیم می کند.
معلول دکمه را غیرفعال می کند و غیرقابل کلیک می کند.
فرم به یک یا چند فرم که این دکمه به آن تعلق دارد اشاره می کند. مقدار ویژگی، شناسه فرم مربوطه است.
شکل گیری مقدار مشخصه حاوی آدرس url مربوط به مدیریت داده فرم است که با کلیک روی دکمه ارسال می شود. فقط برای دکمه ای مانند type="submit" . مقدار مشخصه action مشخص شده برای عنصر را لغو می کند
.

فرمنتیپ هنگام کلیک بر روی دکمه هایی مانند type="submit"، نوع رمزگذاری داده های فرم را قبل از ارسال به سرور تنظیم می کند. مقدار مشخصه enctype مشخص شده برای عنصر را لغو می کند . مقادیر ممکن:
application/x-www-form-urlencoded مقدار پیش فرض است. همه کاراکترها قبل از ارسال کدگذاری می شوند.
چند بخشی/فرم-داده - کاراکترها کدگذاری نمی شوند. زمانی که فایل ها با استفاده از فرم آپلود می شوند استفاده می شود.
متن / ساده - کاراکترها کدگذاری نمی شوند و فاصله ها با کاراکتر + جایگزین می شوند.
روش فرم ویژگی روشی را که مرورگر برای ارسال فرم استفاده می کند مشخص می کند. مقدار ویژگی متد تعیین شده برای عنصر را لغو می کند . فقط برای دکمه هایی مانند type="submit" مشخص شده است. مقادیر ممکن:
get - داده های فرم (جفت نام/مقدار) به آدرس اینترنتی اضافه شده و به سرور ارسال می شود. این روشدارای محدودیت در اندازه داده های ارسالی است و برای ارسال رمز عبور و اطلاعات محرمانه مناسب نیست.
داده های پست از فرم به عنوان یک درخواست http اضافه می شود. این روش قابل اعتمادتر و امن تر از get است و محدودیت اندازه ندارد.
formnovalidate ویژگی مشخص می‌کند که داده‌های فرم نباید در هنگام ارسال تأیید شوند. فقط برای دکمه هایی مانند type="submit" مشخص شده است.
قالب هدف ویژگی مشخص می کند که پس از ارسال فرم، نتیجه در کدام پنجره نمایش داده شود. فقط برای دکمه هایی مانند type="submit" مشخص شده است. مقدار مشخصه هدف تعیین شده برای عنصر را لغو می کند .
_blank - پاسخ را در یک پنجره/برگه جدید بارگیری می کند
_self - پاسخ را در همان پنجره بارگیری می کند (پیش فرض)
_parent - پاسخ را در فریم والد بارگذاری می کند
_top - پاسخ را در تمام صفحه بارگیری می کند
نام فریم - پاسخ را در یک فریم با نام مشخص شده بارگذاری می کند.
نام نام دکمه را تنظیم می کند، مقدار مشخصه متن است. برای ارجاع به داده های فرم پس از ارسال فرم، یا مراجعه به دکمه(های) داده شده در جاوا اسکریپت استفاده می شود.
نوع نوع دکمه را مشخص می کند. مقادیر ممکن:
دکمه - دکمه قابل کلیک
تنظیم مجدد - دکمه تنظیم مجدد، مقدار اصلی را برمی گرداند
ارسال دکمه ای برای ارسال داده های فرم است.
مقدار مقدار پیش فرض ارسال شده را با کلیک روی دکمه تنظیم می کند.

صفت	معنی / شرح
فوکوس خودکار	هنگام بارگیری صفحه، فوکوس را روی دکمه تنظیم می کند.
معلول	دکمه را غیرفعال می کند و غیرقابل کلیک می کند.
فرم	به یک یا چند فرم که این دکمه به آن تعلق دارد اشاره می کند. مقدار ویژگی، شناسه فرم مربوطه است.
شکل گیری	مقدار مشخصه حاوی آدرس url مربوط به مدیریت داده فرم است که با کلیک روی دکمه ارسال می شود. فقط برای دکمه ای مانند type="submit" . مقدار مشخصه action مشخص شده برای عنصر را لغو می کند .
فرمنتیپ	هنگام کلیک بر روی دکمه هایی مانند type="submit"، نوع رمزگذاری داده های فرم را قبل از ارسال به سرور تنظیم می کند. مقدار مشخصه enctype مشخص شده برای عنصر را لغو می کند . مقادیر ممکن: application/x-www-form-urlencoded مقدار پیش فرض است. همه کاراکترها قبل از ارسال کدگذاری می شوند. چند بخشی/فرم-داده - کاراکترها کدگذاری نمی شوند. زمانی که فایل ها با استفاده از فرم آپلود می شوند استفاده می شود. متن / ساده - کاراکترها کدگذاری نمی شوند و فاصله ها با کاراکتر + جایگزین می شوند.
روش فرم	ویژگی روشی را که مرورگر برای ارسال فرم استفاده می کند مشخص می کند. مقدار ویژگی متد تعیین شده برای عنصر را لغو می کند . فقط برای دکمه هایی مانند type="submit" مشخص شده است. مقادیر ممکن: get - داده های فرم (جفت نام/مقدار) به آدرس اینترنتی اضافه شده و به سرور ارسال می شود. این روشدارای محدودیت در اندازه داده های ارسالی است و برای ارسال رمز عبور و اطلاعات محرمانه مناسب نیست. داده های پست از فرم به عنوان یک درخواست http اضافه می شود. این روش قابل اعتمادتر و امن تر از get است و محدودیت اندازه ندارد.
formnovalidate	ویژگی مشخص می‌کند که داده‌های فرم نباید در هنگام ارسال تأیید شوند. فقط برای دکمه هایی مانند type="submit" مشخص شده است.
قالب هدف	ویژگی مشخص می کند که پس از ارسال فرم، نتیجه در کدام پنجره نمایش داده شود. فقط برای دکمه هایی مانند type="submit" مشخص شده است. مقدار مشخصه هدف تعیین شده برای عنصر را لغو می کند . _blank - پاسخ را در یک پنجره/برگه جدید بارگیری می کند _self - پاسخ را در همان پنجره بارگیری می کند (پیش فرض) _parent - پاسخ را در فریم والد بارگذاری می کند _top - پاسخ را در تمام صفحه بارگیری می کند نام فریم - پاسخ را در یک فریم با نام مشخص شده بارگذاری می کند.
نام	نام دکمه را تنظیم می کند، مقدار مشخصه متن است. برای ارجاع به داده های فرم پس از ارسال فرم، یا مراجعه به دکمه(های) داده شده در جاوا اسکریپت استفاده می شود.
نوع	نوع دکمه را مشخص می کند. مقادیر ممکن: دکمه - دکمه قابل کلیک تنظیم مجدد - دکمه تنظیم مجدد، مقدار اصلی را برمی گرداند ارسال دکمه ای برای ارسال داده های فرم است.
مقدار	مقدار پیش فرض ارسال شده را با کلیک روی دکمه تنظیم می کند.

8. چک باکس ها و دکمه های رادیویی در فرم ها

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

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

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

یک فیلد متنی تک خطی را نشان می دهد (شکل 1)، اندازه فیزیکیکه می تواند با استفاده از ویژگی SIZE تنظیم شود، و دنباله کاراکتر در ابتدا با استفاده از ویژگی VALUE وارد آن شده است.

برنج. 1. عنصر فرم TEXT

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

TYPE="PassWORD"

نوع دقیقاً مشابه مورد قبلی است، با این تفاوت که اطلاعات وارد شده توسط کاربر در قسمت متن به صورت کاراکترهای "*" روی صفحه نمایش داده می شود تا متن از دید یک بیننده خارجی پنهان شود.

عنصری که یک فرم انتخاب ساده است که یکی از دو حالت پایدار را دارد: "بررسی شده" - "بررسی نشده" (شکل 2).

برنج. 2. عنصر فرم CHECKBOX

این عنصر با متغیرهای به اصطلاح بولی کار می کند، یعنی متغیرهایی که هر کدام می توانند مقدار "TRUE" یا "FALSE" را بگیرند. هر عنصر از فرم CHECKBOX یک جفت منطقی از مقادیر فرم "element_name-state" را ایجاد می کند و آنها را به سرور ارسال می کند. برای تنظیم وضعیت اولیه یک عنصر (بررسی شده یا خیر)، از ویژگی CHECKED استفاده کنید.

مثال استفاده:

به اصطلاح دکمه رادیویی (شکل 3) زمانی استفاده می شود که یک متغیر منطقی بتواند تنها یک مقدار را از بسیاری از مقادیر ممکن بگیرد.

برنج. 3. عنصر فرم RADIO

همه عناصر RADIO از یک فرم با همان مقدار مشخصه NAME شناسایی می شوند.

استفاده از دکمه‌های رادیویی مستلزم تعیین صریح مقادیر ویژگی VALUE است؛ یکی از دکمه‌ها باید با ویژگی CHECKED علامت‌گذاری شود.

مثال استفاده:

<Р АLIGN="СЕМТЕR">لطفا سن خود را وارد کنید

یک دکمه معمولی را نمایش می دهد (شکل 4) که با کلیک کردن روی آن به برخی از عملکردهای سرور منجر می شود.

برنج. 4. عنصر فرم دکمه

ویژگی NAME یک نام منحصر به فرد به این عنصر اختصاص می دهد، ویژگی VALUE به شما امکان می دهد برچسب نمایش داده شده روی دکمه را تغییر دهید.

مثال استفاده:

TYPE = "ارسال"

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

مثال استفاده:

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

TYPE="FILE"

دکمه‌ای را روی صفحه ایجاد می‌کند، با کلیک کردن، Windows Explorer روی صفحه ظاهر می‌شود و به شما امکان می‌دهد هر فایلی را از رایانه محلی کاربر به داده‌های ارسال شده به سرور پیوست کنید. این عنصر عمدتاً در فرم هایی برای ارسال پیام های ایمیل از سرور برای سازماندهی پیوست ها و همچنین برای آپلود تصاویر در سرور استفاده می شود. معمولاً یک فیلد متنی کوچک در کنار دکمه نمایش داده می شود که نام فایل در حال ارسال و مسیر رسیدن به آن در دیسک محلی به طور خودکار وارد می شود.

مثال استفاده:

TYPE="IMAGE"

یک دکمه ارسال شبیه به عنصر SUBMIT، اما با یک گرافیک ساخته شده توسط کاربر ایجاد می کند. معمولاً در مواردی استفاده می شود که دکمه مستطیلی خاکستری استاندارد "در طراحی سایت قرار نمی گیرد". نشانی وب تصویری که نقش دکمه را بازی می کند با ویژگی SRC نشان داده می شود و خود عنصر می تواند دارای ویژگی های خاص خود باشد، مشابه مواردی که در تگ استفاده می شود. (به درس 5 مراجعه کنید)، از جمله ALIGN، ALT، و سایر ویژگی‌های NAME و VALUE مانند ویژگی‌های مربوط به عنصر SUBMIT رفتار می‌شود.

مثال استفاده:

این عنصر پنهان است و در صفحه نمایش مانیتور کاربر نمایش داده نمی شود.

برای ذخیره و انتقال اطلاعات در مورد استفاده می شود وضعیت فعلیفرم: با فشار دادن دکمه SUBMIT، عنصر HIDDEN یک جفت منطقی را تشکیل می دهد. متغیرها را تایپ کنید"name-value" که با استفاده از پروتکل HTTP به سرور ارسال می شود. عناصر HIDDEN یک جایگزین مقرون به صرفه ارائه می دهند کلوچه ها - فایل های خاص، که در آن تنظیمات فردیکاربر و اجازه می دهد، برای مثال، زمانی که کاربر از صفحه حاوی این فرم بازدید می کند، آخرین وضعیت فرم را بازیابی کند.

مثال استفاده:

با این حال، با برچسب انتقال به دور از تمام عناصر فرم موجود برای طراح وب امکان پذیر است. به عنوان مثال، فیلدهای متنی که با ویژگی های TEXT و PASSWORD تعریف می شوند، از نظر تعداد کاراکترهایی که می توانند در این فیلدها وارد شوند بسیار محدود هستند. اگر مدیر وب سایت با وظیفه ایجاد چنین مواجه بود فیلد متنی، برای اینکه کاربر بتواند تعداد زیادی کاراکتر را وارد کند، از یک تگ جداگانه استفاده می شود ، که عنصر فرم به همین نام را روی صفحه تشکیل می دهد (شکل 5).</p> <p><img src='https://i2.wp.com/studepedia.org/img/baza1/1408111755156097.files/image033.jpg' height="41" width="185" loading=lazy loading=lazy></p> <p>برنج. 5. عنصر فرم TEXTAREA</p> <p>نحو ضبط <a href="https://bumotors.ru/fa/windows-exif-iptc-redaktor-tegov-kak-izmenit-exif-dannye-fotografii-v-exif-farm.html">برچسب داده شده</a>به شرح زیر است:</p> <p><TEXTAREA МАМЕ="имя элемента" ROWS-""целое число" СOLS="целое число"></p> <p>متن نمایش داده شده در جعبه متن پیش فرض

شما قبلاً با ویژگی NAME آشنا هستید که نام هر عنصر فرم را مشخص می کند. ویژگی‌های ROWS و COLS به ترتیب حداکثر تعداد مجاز خطوط متن ورودی و کاراکترها را در هر خط نشان می‌دهند. اگر متن تایپ شده توسط کاربر در قسمت قابل مشاهده محفظه متن قرار نگیرد، نوارهای اسکرول عمودی و افقی در امتداد لبه های فیلد ظاهر می شوند تا محتویات عنصر TEXTAREA را پیمایش کنند.

مثال استفاده:

</p> <p>پیام خود را اینجا وارد کنید</p> <p>

برای ایجاد منوی انتخاب در فرم (شکل 6)، مدیر وب سایت می تواند از تگ استفاده کند

OPTION VALUE="(!LANG:Point N">Пункт N!}

ویژگی MULTIPLE این امکان را برای کاربر تعیین می کند که نه یک، بلکه چندین مورد را به طور همزمان از لیست پیشنهادی علامت گذاری کند. اگر این ویژگی تنظیم شده باشد، می توانید از ویژگی SIZE استفاده کنید که تعداد موقعیت های قابل مشاهده روی صفحه را به طور همزمان تعیین می کند.

مثال استفاده:

<Р АLIGN ="CENTER">لطفا شهر خود را وارد کنید