تمرین؛ انتخاب شیوهٔ حضور در کارگاه

یک فرم، یک تصمیم

می‌خواهیم کاربر فقط یکی از دو شیوهٔ حضور را انتخاب کند. اگر برای هر گزینه name متفاوتی بگذاری، مرورگر آن‌ها را یک گروه نمی‌داند. با fieldset و legend هم ارتباط مفهومی گزینه‌ها را روشن کن.

در این تمرین از روش labelِ دربرگیرنده استفاده کن: متن گزینه و input داخل همان label باشند. انتخاب هر دو گزینه را با ماوس و صفحه‌کلید آزمایش کن.

اجرای کامل در رایانه

محیط امن تمرین این سایت فقط بخشی از HTML را برای پیش‌نمایش نگه می‌دارد و بعضی تگ‌ها و ویژگی‌ها را حذف می‌کند. این محدودیتِ ابزار است، نه نامعتبر بودن HTML استاندارد. بررسی خودکار فقط معیارهای ذکرشده را می‌سنجد. برای دیدن نتیجهٔ کامل، کد را در فایل .html ذخیره و با مرورگر معمولی باز کن. اطلاعات head، برخی ویژگی‌های فرم، caption و scope جدول، details و رسانه‌های بیرونی را در فایل محلی هم آزمایش کن.

فعالیت شما

داخل form یک fieldset با legend «شیوهٔ حضور» بساز. دو radio با name="attendance" و valueهای online و onsite قرار بده. هر radio داخل یک label باشد؛ متن گزینه‌ها «آنلاین» و «حضوری» باشد. برای یکی از radioها required بنویس و دکمهٔ submit اضافه کن.

required را در کد بنویس و اعتبارسنجی را در مرورگر محلی امتحان کن. بررسی خودکار گروه و مقدار گزینه‌ها و دکمه را می‌سنجد.