HTML DOM Input Number Object

‎شئInput Number ـ ورودي عدد

‎شئInput Number منتسب با يك عنصرHTML ‎<input>‎ ميباشد .با شئ فوق ‎ميتوان عنصرHTML ‎<input>‎ صفحه را بصورت اقدامات شئ گرائي مديريت كرد.

‎بايد عنصر‎<input>‎ مرتبط با شئInput Number داراي ويژگيtype="number‎"‎ ‎باشد .مقدار پيش فرض ويژگيtype براي عنصر input مقدار ‎"text‎"‎ميباشد . ‎شئInput Number يك فيلد ورودي عددي را نمايندگي ميكند.

‎دسترسي به شئInput Number

‎مثال ـ دسترسي به شئInput Number باid="myNumber‎"‎

var x = document.getElementById("myNumber");

‎ايجاد شئInput Number

‎با متد‎document.createElement()‎‎ ميتوان شئInput Number را ايجاد نمود .بعبارتي ‎ميتوان عنصر‎<input>‎ را با ويژگيtype="number‎"‎ ايجاد كرد.

‎مثال ـ ايجاد شئInput Number

var x = document.createElement("INPUT");
x.setAttribute("type", "number");

‎ويژگي هايInput Number Object

‎ويژگي	‎شرح
autocomplete	‎مقدار ويژگيautocomplete را تنظيم ويابرگشت ميدهد . ‎ويژگي تكميل خودكار شئInput Number
autofocus	‎ويژگي مشخص ميكند كه آيا عنصر بصورت اتوماتيك در بارگذاري انتخاب شود.
defaultValue	‎مقدار پيش فرض فيلد ورودي عدد راتنظيم ويا برميگرداند.
disabled	‎وضعيت فعال بودن عنصر را تنظيم ويابرگشت ميدهد.
form	‎ويژگيform مشخص ميكند كه فيلد ورودي عدد ، متعلق بكدام عنصرفرم است.
list	‎فهرستي از عنصر‎<datalist>‎ كه شامل ليستي ازاعداد است برگشت ميدهد.
max	‎ماكزيمم مقدار را براي فيلد عددي مشخص ميكند.
min	‎ويژگي مقدار مينيمم را براي فيلد عددي مشخص ميكند ‎مقدار ماكزيمم ومينيمم براي اعتبار سنجي فرم مورد استفاده قرار ميگيرد.
name	‎ويژگيname نامي را براي ورودي عددي مشخص ميكند.
readonly	‎مشخص ميكند كه فيلد فقط خواندني است
required	‎مشخص ميكند كه فيلد عددي ضروري است وبايد تكميل شود.
placeholder	‎مقدارويژگي مكان نما را براي فيلد عددي مشخص ميكند. ‎بمحض وارد نمودن عدد درفيلد، متن مكان نما محو ميشود.
readonly	‎مشخص ميكند كه فيلد عددي فقط خواندني است
required	‎مشخص ميكند كه فيلد عددي ضروري است وبايد تكميل شود.
step	‎مقدار ويژگيstep فيلد عددي را مشخص ميكند. ‎مقدار ويژگيstep براي تغيير مقدار ازطريق علائم تغيير در فيلد است.
type	‎ويژگيtype نوع عنصر ورودي را مشخص ميكند . type="number‎"‎برايInput Number
value	‎مقدار ويژگيvalue را براي فيلد برگشت ويا تنظيم ميكند.

‎متدهاي شئInput Number

‎جدول متدهاي شئInput Number
‎متد	‎شرح
select()	‎يك فيلد ورودي را انتخاب ميكند
stepDown() ‎محتوي يك فيلد عددي رابا عدد مشخصي كاهش ميدهد.
stepUp()	‎محتوي يك فيلد عددي را با عدد مشخصي افزايش ميدهد.

‎تشريح بعضي از ويژگي هاي شئInput Number دراين صفحه .مابقي در صفحات مخصوص كه درلينك ‎جدول آمده است ، تشريح ميشوند.

‎ويژگيInput Number step

‎ويژگيInput Number step مقدار ويژگيstep عنصر‎<input>‎مرتبط با شئInput Numberرا ‎تنظيم ويا برگشت ميدهد .مقدار اين ويژگي فواصل قانوني، كه شئ Input Number‎نمايانگرآن است مشخص ميكند.

‎ويژگيstep فواصل اعداد قانوني را براي يك فيلد عددي مشخص ميكند . براي مثال اگرstep="3‎"‎ ‎باشد، مقادير فيلد ميتوانند‎...,-‎3,0,3,..‎ باشند .

‎نكته ـ ويژگيstep راميتوان همراه ويژگي هاي min و max براي ايجاد طيفي ازمقادير قانوني ‎استفاده كرد.

‎مثال ـ دريافت مقدار ويژگيstep فيلد ورودي عددي

var x = document.getElementById("myNumber").step;

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
numberObject.step

‎فرمت تنظيم ويژگي
numberObject.step=number

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح

number ‎فاصله قانوني براي فيلد عددي مشخص ميكند .پيش فرض آن‎1‎است .

‎مثال ـ تغيير فاصله قانوني فيلد عددي به‎5‎

document.getElementById("myNumber").step = "5";

<!DOCTYPE html> <html> <body> Number: <input type="number" id="myNumber" step="3"> <p>Click the button to change the value of the step attribute of the number field.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { let x = document.getElementById("myNumber").step = "5"; document.getElementById("demo").innerHTML = "The value of the step attribute was changed from '3' to '5'."; } </script> </body> </html>
--(go to editor for change code and run)

‎ويژگيInput Number Value

‎ويژگيInput Number value مقدار ويژگيvalue عنصر‎<input>‎ مرتبط ‎با شئInput Number را ‎تنظيم ويا برگشت ميدهد .اين ويژگي مقدار فيلد ورودي عددي را مشخص ميكند، كه شئ Input Number‎نمايانگر آنست.

‎ويژگيvalue مقدار پيش فرض يا مقداري كه كاربر در فيلد تايپ كرده ويا مقداري از طريق ‎يك اسكريپت تنظيم گرديده مشخص ميكند.

‎مثال ـ تغيير مقدار فيلد عددي

document.getElementById("myNumber").value = "16";

<!DOCTYPE html> <html> <body> <input type="number" id="myNumber" value="2"> <p>Click the button to change the number of the number field.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { document.getElementById("myNumber").value = "16"; } </script> </body> </html>
--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت تنظيم ويژگي
numberObject.value

‎فرمت تنظيم ويژگي
numberObject.value=number

‎مقادير ويژگي ـProperty Values

‎مقدار ‎شرح

number ‎مقدار اوليه يا پيش فرض فيلد رامشخص ميكند

‎مثال ـ دريافت مقدار فيلد ورودي

var x = document.getElementById("myNumber").value;

<!DOCTYPE html> <html> <body> Number: <input type="number" id="myNumber" value="2"> <p>Click the button to display the number of the number field.</p> <button onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { let x = document.getElementById("myNumber").value; document.getElementById("demo").innerHTML = x; } </script> </body> </html>
--(go to editor for change code and run)

‎مثال ـ نمايش اختلاف مابين ويژگيvalue و defaultvalue

var x = document.getElementById("myNumber"); var defaultVal = x.defaultValue; var currentVal = x.value;

<!DOCTYPE html> <html> <body> <p>Change the number in the number field, and then click the button below.</p> Number: <input type="number" id="myNumber" value="2"> <p>Note that the default value is not affected when you change the value of the number field.</p> <button type="button" onclick="myFunction()">Try it</button> <p id="demo"></p> <script> function myFunction() { var x = document.getElementById("myNumber"); var defaultVal = x.defaultValue; var currentVal = x.value; if (defaultVal == currentVal) { document.getElementById("demo").innerHTML = "Default value and current value is the same: " + x.defaultValue + " and " + x.value + "<br>Change the number of number field to see the difference!"; } else { document.getElementById("demo").innerHTML = "The default value was: " + defaultVal + "<br>The new, current value is: " + currentVal; } } </script> </body> </html>
--(go to editor for change code and run)

‎شئInput Number از ويژگي ها ورويداد هاي استاندارد پيروي ميكند.

‎صفحات مرتبط

HTML forms

HTML <input> Tag

HTML type Attribute

Previous > <Next

HTML DOM Input Number Object

‎شئInput Number ـ ورودي عدد

‎دسترسي به شئInput Number

--(go to editor for change code and run)

‎ايجاد شئInput Number

--(go to editor for change code and run)

‎ويژگي هايInput Number Object

‎متدهاي شئInput Number

‎ويژگيInput Number step

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي
numberObject.step

‎فرمت تنظيم ويژگي
numberObject.step=number

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

‎ويژگيInput Number Value

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت تنظيم ويژگي
numberObject.value

‎فرمت تنظيم ويژگي
numberObject.value=number

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

--(go to editor for change code and run)

‎صفحات مرتبط

HTML DOM Objectsفهرست =

HTML DOM Input Number Object

‎شئInput Number ـ ورودي عدد

‎دسترسي به شئInput Number

--(go to editor for change code and run)

‎ايجاد شئInput Number

--(go to editor for change code and run)

‎ويژگي هايInput Number Object

‎متدهاي شئInput Number

‎ويژگيInput Number step

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت برگشت ويژگي numberObject.step

‎فرمت تنظيم ويژگي numberObject.step=number

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

‎ويژگيInput Number Value

--(go to editor for change code and run)

‎فرمت استفاده ـSyntax

‎فرمت تنظيم ويژگي numberObject.value

‎فرمت تنظيم ويژگي numberObject.value=number

‎مقادير ويژگي ـProperty Values

--(go to editor for change code and run)

--(go to editor for change code and run)

‎صفحات مرتبط

HTML DOM Objectsفهرست =

‎فرمت برگشت ويژگي
numberObject.step

‎فرمت تنظيم ويژگي
numberObject.step=number

‎فرمت تنظيم ويژگي
numberObject.value

‎فرمت تنظيم ويژگي
numberObject.value=number