پروژه؛ فرم ثبت‌نام کارگاه

صفحهٔ سوم؛ دریافت دادهٔ قابل‌فهم

در register.html همان ساختار کامل سند و منوی مشترک را بساز و فرم را در main قرار بده. در این فعالیت، ساختار اصلی فرم را در ویرایشگر تمرین می‌کنیم. این نمونه نمایشی است و مقصد واقعی برای ذخیرهٔ ثبت‌نام ندارد.

نام کامل و ایمیل برچسب مستقل می‌خواهند. شیوهٔ حضور یک انتخاب از دو گزینه است. required را فقط برای دادهٔ واقعاً ضروری بگذار. type="email" قالب پایه را می‌سنجد، نه وجود واقعی نشانی.

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

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

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

فعالیت شما

یک form با method="post" بساز. labelهای «نام کامل» و «ایمیل» به‌ترتیب for="full-name" و for="email" داشته باشند. input نام با id="full-name" و name="full_name" و required باشد. input ایمیل با id="email"، name="email"، type="email" و required لازم است. fieldset با legend «شیوهٔ حضور» و دو radio با name="attendance" و valueهای online و onsite بساز؛ هرکدام داخل label و یکی required باشد. button با type="submit" اضافه کن.

بررسی خودکار ساختار فرم، برچسب‌ها، nameها و گروه radio را می‌سنجد. method و required را در فایل محلی بازبینی کن؛ محیط امن آن‌ها را از نسخهٔ اجراشده حذف می‌کند.