استفاده از input type="week" در HTML

html input type week guide
20 آبان 1403

HTML یکی از زبان‌هایی است که در توسعه صفحات وب استفاده می‌شود. ویژگی‌های مختلف این زبان کمک می‌کند تا بتوانیم انواع مختلفی از فرم‌ها و ورودی‌ها را برای جمع‌آوری اطلاعات از کاربران ایجاد کنیم. یکی از این ویژگی‌ها، استفاده از نوع ورودی input type="week" است. این ویژگی به کاربران امکان می‌دهد تا به راحتی یک هفته از سال را انتخاب کنند.

وقتی از input type="week" استفاده می‌کنیم، مرورگر یک رابط کاربری استاندارد را نمایش می‌دهد که شامل یک dropdown برای هفته‌های سال است. این نوع ورودی می‌تواند برای جمع‌آوری اطلاعاتی مفید باشد که نیازمند انتخاب یک هفته خاص است، مثل برنامه‌ریزی یا گزارش‌دهی هفتگی.

ویژگی input type="week" به مرورگر اجازه می‌دهد دسته‌ای از مقادیر مربوط به هفته‌ی مورد نظر را قبول کند. این نوع ورودی شبیه به input type="date" است اما تمرکز آن به جای تاریخ روزانه، بر روی هفته‌های سال قرار دارد.

با توجه به استانداردهای HTML5، بسیاری از مرورگرها از این ویژگی پشتیبانی می‌کنند اما همان‌طور که با هر ویژگی جدیدی در HTML ممکن است سازگاری کامل بین تمام مرورگرها نباشد، بنابراین باید قبل از استفاده در پروژه‌های واقعی، تست‌های لازم را انجام دهید.

در ادامه، قطعه کدی از استفاده input type="week" را مشاهده خواهید کرد:

<form>
<label for="week">انتخاب هفته:</label>
<input type="week" id="week" name="week">
<button type="submit">ارسال</button>
</form>

خط اول اعلام شروع یک فرم است با استفاده از <form>.
خط دوم برچسبی برای زمینه انتخاب هفته با استفاده از <label> ایجاد می‌کند.
خط سوم از عنصر <input> با مشخصه type="week" استفاده می‌کند که به کاربر امکان انتخاب یک هفته خاص را می‌دهد.
خط چهارم دکمه‌ای برای ارسال داده‌های فرم با استفاده از <button> تعریف می‌کند.
خط آخر فرم را با استفاده از </form> می‌بندد.

امیدوارم این توضیحات مفید بوده باشد و به درک بهتر شما از input type="week" کمک کند.

سوالات متداول

؟

چه مرورگرهایی از input type="week" پشتیبانی می‌کنند؟

؟

چگونه می‌توان یک مقدار پیش‌فرض برای input type="week" تعیین کرد؟

؟

آیا input type="week" می‌تواند برای انتخاب تاریخ خاصی از هفته استفاده شود؟