html input number 整数,HTML Input Number value用法及代码示例

HTML DOM中的DOM输入数字值属性用于设置或返回数字字段的value属性的值。 value属性指定输入数字字段的初始值。它包含默认值或用户类型。

用法:

它返回value属性。numberObject.value

它用于设置value属性。numberObject.value = number

属性值：它包含单个值文本，该文本定义了输入数字字段的值。

返回值：它返回代表数字字段值的字符串值。

示例1：本示例说明了如何返回属性。

GeeksForGeeks

DOM Input Number value Property

id="myNumber"

value="10">

Click the button to get the

number of the number field.

Click Here!

function myFunction() {

// Accessing input value

var x =

document.getElementById("myNumber").value;

document.getElementById("demo").innerHTML = x;

}

输出：

在单击按钮之前：

单击按钮后：

示例2：本示例说明了如何设置属性。

GeeksForGeeks

DOM Input Number value Property

id="myNumber"

value="10">

Click the button to change the

number of the number field.

Click Here!

function myFunction() {

// Accessing input value

var x =

document.getElementById("myNumber").valued  = "20";

document.getElementById("demo").innerHTML =

"The value of number was changed to " + x;

}

输出：

在单击按钮之前：

单击按钮后：

支持的浏览器：DOM输入数字值属性支持的浏览器如下：

谷歌浏览器

Internet Explorer 10.0以上

Firefox

Opera

Safari