تمرین؛ فرم ایمیل با برچسب و اعتبارسنجی

فرم ظاهراً کار می‌کند، اما ایراد دارد

در کد اولیه برچسب به کنترل وصل نیست، نوع ورودی متن عمومی است، name وجود ندارد و required به شکل گمراه‌کننده نوشته شده است. این‌ها را اصلاح کن.

id برای اتصال label و name برای ارسال است. حذف یکی را با دیگری جبران نمی‌کنیم. دکمهٔ ارسال هم باید نوع روشن داشته باشد. این تمرین فقط ساختار فرم را می‌سنجد و ثبت‌نام واقعی انجام نمی‌دهد.

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

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

فعالیت شما

label با متن «ایمیل» را با for="email" به input وصل کن. input باید id="email"، name="email"، type="email"، autocomplete="email" و required داشته باشد. button را type="submit" کن. form در این نمونه باید method="post" داشته باشد؛ action فرضی /register است.

بررسی خودکار اتصال label، name و type ورودی و نوع دکمه را می‌سنجد. required، autocomplete و method را در فایل محلی بازبینی کن؛ محیط امن این ویژگی‌ها را در پیش‌نمایش حذف می‌کند.