طراحی و پیاده‌سازی وب‌سایت‌های مدرن: فرم‌ها در HTML5 (form, input, label, button) - کوییز

فرم‌ها در HTML5 (form, input, label, button)

کدام تگ HTML برای تعریف یک فرم در صفحه وب استفاده می شود؟
  1. <input>
  2. <form>
  3. <label>
  4. <button>

گزینه صحیح: 2

توضیح: تگ <form> عنصر اصلی برای ایجاد یک فرم در HTML است که شامل فیلد های ورودی، دکمه ها و سایر عناصر مرتبط با جمع آوری اطلاعات از کاربر می شود.

کدام تگ برای برچسب گذاری فیلد های فرم و افزایش قابلیت دسترسی (accessibility) استفاده می شود؟
  1. <form>
  2. <input>
  3. <label>
  4. <legend>

گزینه صحیح: 3

توضیح: تگ <label> به کاربران کمک می کند تا بفهمند هر فیلد ورودی برای چه منظوری است و با کلیک روی برچسب، فوکوس به فیلد ورودی مربوطه منتقل می شود.

برای ایجاد یک دکمه قابل کلیک در فرم که عملی را اجرا می کند، از کدام تگ استفاده می کنیم؟
  1. <input type='submit'>
  2. <button>
  3. هر دو گزینه 1 و 2
  4. <label>

گزینه صحیح: 3

توضیح: هر دو تگ <input type='submit'> و <button> می توانند برای ایجاد دکمه های ارسال فرم یا دکمه های با عملکرد دلخواه استفاده شوند.

ویژگی 'placeholder' در تگ <input> چه کاری انجام می دهد؟
  1. مقدار پیش فرض فیلد را تعیین می کند.
  2. یک متن راهنما در داخل فیلد نمایش می دهد که با شروع تایپ ناپدید می شود.
  3. فیلد را فقط خواندنی می کند.
  4. فیلد را اجباری می کند.

گزینه صحیح: 2

توضیح: متن مشخص شده در ویژگی 'placeholder' به عنوان یک راهنما برای کاربر درون فیلد ورودی نمایش داده می شود و زمانی که کاربر شروع به تایپ می کند، ناپدید می شود.

برای ایجاد یک فیلد ورودی که کاربر باید آن را پر کند (اجباری)، از کدام ویژگی استفاده می شود؟
  1. disabled
  2. readonly
  3. required
  4. multiple

گزینه صحیح: 3

توضیح: ویژگی 'required' مشخص می کند که فیلد ورودی باید قبل از ارسال فرم توسط کاربر پر شود.

منبع آموزشی این مطلب

این مطلب برگرفته از محصول آموزشی «کتاب طراحی وب سایت ریسپانسیو با HTML5 و CSS؛ ساخت وب سایت های ریسپانسیو برای آینده با استفاده از آخرین تکنیک های HTML5 و CSS» است

برای مشاهده توضیحات کامل، جزئیات دوره و دریافت محصول، روی دکمه زیر کلیک کنید.

اطلاعات بیشتر و دریافت محصول