HTML Form Tags

تگ checkbox در html

تگ <input type=”checkbox”> یا تگ checkbox برای انتخاب چندگزینه‌ای از یک گروه گزینه استفاده می‌شود. کاربر می‌تواند هیچ‌کدام، یک یا چند گزینه را علامت بزند. این تگ معمولاً برای گزینه‌های اختیاری یا شرایط و قوانین به‌کار می‌رود. نحوه استفاده از تگ <input type=”checkbox”> در مثال زیر کاربر می‌تواند یک یا چند زبان مورد علاقه خود […]

تگ radio در html

تگ <input type=”radio”> یا تگ radio برای انتخاب یک گزینه از بین چند گزینه استفاده می‌شود. زمانی که چندین گزینه رادیویی دارای ویژگی name یکسان باشند، فقط یکی از آن‌ها می‌تواند انتخاب شود. این تگ برای انتخاب‌های تک‌گزینه‌ای (مانند انتخاب جنسیت، روش پرداخت،…) کاربرد دارد. نحوه استفاده از تگ <input type=”radio”> در مثال زیر کاربر […]

تگ legend در html

تگ legend برای تعیین عنوان یک گروه فیلد در فرم استفاده می‌شود و فقط باید درون تگ <fieldset> قرار گیرد. این عنوان در بالای باکس fieldset ظاهر می‌شود و کمک می‌کند فرم ساختار مشخص‌تری داشته باشد.نحوه استفاده از تگ <legend>attribute یا ویژگی‌های قابل استفاده در تگ <legend>ویژگی‌های ظاهری پیشفرض در تگ <legend> نحوه استفاده از […]

تگ output در html

تگ output برای نمایش نتیجه یک عملیات محاسباتی یا تعاملی در فرم استفاده می‌شود. این تگ معمولاً همراه با جاوااسکریپت یا رویدادهایی مثل oninput برای نمایش نتیجه به‌کار می‌رود.نحوه استفاده از تگ <output>attribute یا ویژگی‌های قابل استفاده در تگ <output>nameforformویژگی‌های ظاهری پیشفرض در تگ <output> نحوه استفاده از تگ <output>↑ این تگ می‌تواند با inputهای […]

تگ datalist در html

تگ datalist در HTML برای تعریف لیستی از گزینه‌های پیشنهادی (autocomplete) برای یک فیلد ورودی <input> استفاده می‌شود. این تگ باعث افزایش سرعت ورود اطلاعات و کاهش خطاهای تایپی می‌شود.نحوه استفاده از تگ <datalist>attribute یا ویژگی‌های قابل استفاده در تگ <datalist>Global / Event Attributesویژگی‌های ظاهری پیشفرض در تگ <datalist> نحوه استفاده از تگ <datalist>↑ برای […]

تگ fieldset در html

تگ fieldset برای گروه‌بندی مجموعه‌ای از فیلدهای فرم استفاده می‌شود. این تگ با استفاده از <legend> می‌تواند عنوانی برای آن گروه نمایش دهد و ظاهر بصری و معنایی مشخص‌تری به فرم ببخشد.نحوه استفاده از تگ <fieldset>attribute یا ویژگی‌های قابل استفاده در تگ <fieldset>disabledGlobal Attributes / Event Attributesویژگی‌های ظاهری پیشفرض در تگ <fieldset> نحوه استفاده از […]

تگ button در html

تگ button برای ایجاد دکمه‌های تعاملی در فرم‌ها یا صفحات وب استفاده می‌شود. این تگ می‌تواند انواع عملکردهای ارسال، ریست کردن، یا اجرای کد جاوااسکریپت را انجام دهد و می‌تواند شامل محتوای متنی یا HTML مانند آیکون یا تصویر باشد.نحوه استفاده از تگ <button>attribute یا ویژگی‌های قابل استفاده در تگ <button>typedisablednamevalueautofocusformGlobal / Event Attributesویژگی‌های ظاهری […]

تگ textarea در html

تگ textarea در HTML برای ایجاد فیلدهای متنی چندخطی استفاده می‌شود. برخلاف تگ <input> که فقط یک خط متن را دریافت می‌کند، این تگ برای ورود پیام، توضیحات، نظرات و محتوای طولانی کاربرد دارد.نحوه استفاده از تگ <textarea>attribute یا ویژگی‌های قابل استفاده در تگ <textarea>nameidrowscolsplaceholdermaxlengthrequiredreadonlydisabledGlobal AttributesEvent Attributesویژگی‌های ظاهری پیشفرض در تگ <textarea> نحوه استفاده از […]

تگ optgroup در html

تگ optgroup برای گروه‌بندی گزینه‌ها (<option>) در یک فیلد کشویی <select> استفاده می‌شود. این تگ به دسته‌بندی منطقی گزینه‌ها کمک می‌کند و باعث بهبود خوانایی و دسترسی‌پذیری فرم‌ها می‌شود. عنوان هر گروه با استفاده از ویژگی label تعیین می‌شود.نحوه استفاده از تگ <optgroup>attribute یا ویژگی‌های قابل استفاده در تگ <optgroup>labeldisabledGlobal AttributesEvent Attributesویژگی‌های ظاهری پیشفرض در […]

تگ option در html

تگ option برای تعریف گزینه‌های قابل انتخاب درون منوی کشویی ساخته‌شده با تگ <select> استفاده می‌شود. این تگ معمولاً همراه با ویژگی value به کار می‌رود تا داده‌ای که پس از انتخاب به سرور ارسال می‌شود مشخص شود.نحوه استفاده از تگ <option>attribute یا ویژگی‌های قابل استفاده در تگ optionvalueselecteddisabledlabel (غیراستاندارد در option)Global AttributesEvent Attributesویژگی‌های ظاهری […]

تگ select در html

تگ select در HTML برای ایجاد منوی کشویی (Drop-down List) به کار می‌رود. این تگ به کاربر امکان می‌دهد یکی از گزینه‌های از پیش تعریف‌شده را انتخاب کند. گزینه‌های درون لیست با استفاده از تگ <option> مشخص می‌شوند.نحوه استفاده از تگ selectattribute یا ویژگی‌های قابل استفاده در تگ selectnameidrequiredmultiplesizedisabledGlobal AttributesEvent Attributesویژگی‌های قابل استفاده در تگ […]

تگ label در html

تگ label در HTML برای تعریف برچسب متنی (label) جهت فیلدهای فرم مانند <input>، <textarea> و <select> استفاده می‌شود. هدف از استفاده این تگ افزایش دسترسی‌پذیری (Accessibility) و راحتی استفاده از فرم‌ها (تگ form) توسط کاربران است. کلیک روی متن برچسب باعث فعال شدن فیلد مرتبط می‌شود.نحوه استفاده از تگ <label>attribute یا ویژگی‌های قابل استفاده […]