آموزش طراحی سایت (HTML CSS Javascript) | آتریا

تگ input-date در JavaScript

شیء input date

شیء input date در html5 جدید می باشد.

شیء input date نماینده ی یک عنصر اچ تی ام ال <input> با ویژگی "type="date می باشد.

نکته: عناصر <input> با ویژگی "type="date در اینترنت اکسپلورر و فایرفاکس پشتیبانی نمی شوند.

دسترسی به شیء input date

شما می توانید با استفاده از دستور getElementById به یک عنصر <input> با ویژگی "type="date دسترسی داشته باشید:

var x = document.getElementById("mydate"); امتحان کنید

نکته: شما همچنین می توانید با جستجو در مجموعه عناصر یک فرم به عنصر <"input type="date> دسترسی داشته باشید.

ایجاد یک شیء input date

شما می توانید با استفاده از متد ()document.createElement یک عنصر <input> با ویژگی "type="date ایجاد کنید:

var x = document.createElement("input");
x.setattribute("type", "date"); امتحان کنید

خصوصیت های شیء input date

متد	توضیحات
autocomplete	مقدا خصوصیت autocomplete از یک فیلد date را ست کرده یا برمی گرداند.
autofocus	ست کرده یا برمی گرداند که آیا به هنگام لود شدن صفحه، یک فیلد date باید به طور اتوماتیک فوکس را دریافت کند یا نه.
defaultvalue	مقدار پیش فرض فیلد date را ست کرده یا برمی گرداند.
disabled	ست کرده یا برمی گرداند که آیا، یک فیلد date غیر فعال است یا نه.
form	یک ارجاع به فرمی که دربردارنده ی فیلد date است را برمی گرداند.
list	یک ارجاع به datalist که دربر دارنده ی فیلد date است را برمی گرداند.
max	مقدار خصوصیت max از فیلد date را ست کرده یا برمی گرداند.
min	مقدار خصوصیت min را از فیلد date ست کرده یا برمی گرداند.
name	مقدار خصوصیت name از یک فیلد date را ست کرده یا برمی گرداند.
readonly	ست کرده یا برمی گرداند که آیا فیلد date فقط خواندنی(read-only)است یا نه.
required	ست کرده یا برمی گرداند که آیا فیلد date باید قبل از ارسال یک فرم پر شود یا نه.
step	مقدار خصوصیت step از فیلد date را ست کرده یا برمی گرداند.
type	برمی گرداند که فیلد date چه نوع عنصر فرمی است.
value	مقدار خصوصیت value از یک فیلد date را ست کرده یا برمی گرداند.

input date object methods

متد	توضیحات
stepdown	با یک عدد مشخص، مقدار فیلد date را کاهش می دهد.
stepup	با یک عدد مشخص، مقدار فیلد date را افزایش می دهد.

خصوصیت ها و رویدادهای استاندارد

این شیء، خصوصیت ها و رویدادهای استاندارد javascript را پشتیبانی می کند.

آموزش های مرتبط

آموزش اچ تی ام ال: html forms

مرجع تگ ها: html <input> tag

: نوشته شده توسط احسان عباسی; بازدید: 4945

برای درج دیدگاه، ابتدا باید وارد بیاموز شوید.

تمامی محصولات و خدمات این وبسایت، حسب مورد دارای مجوزهای لازم از مراجع مربوطه می‌باشند و فعالیت‌های این سایت تابع قوانین و مقررات جمهوری اسلامی ایران است.

مجوز نشر دیجیتال از وزرات فرهنگ و ارشاد اسلامی