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

تگ input-number در JavaScript

شیء input number

این شیء در html5 جدید است.

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

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

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

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

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

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

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

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

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

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

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

متد های شیء input number

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