html点击按钮自动填数字,HTML Input Number defaultValue用法及代码示例

HTML DOM中的DOM输入数字defaultValue属性用于设置或返回数字字段的默认值。此属性用于反映HTML值属性。默认值和值之间的主要区别在于，默认值表示默认值，并且在进行一些更改后该值包含当前值。此属性对于查明数字字段是否已更改很有用。

用法:

它返回defaultValue属性。numberObject.defaultValue

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

属性值：它包含单个属性值，该值定义数字字段的默认值。

返回值：它返回一个字符串值，代表数字字段的默认值。

示例1：本示例说明如何返回输入数字defaultValue属性。

GeeksForGeeks

DOM Input Number defaultValue Property

id="myNumber" step="5" name="geeks"

placeholder="multiples of 5" value="10">

   

Click Here!

function myFunction() {

// Accessing input value

var x =

document.getElementById("myNumber").defaultValue;

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

}

输出：

在单击按钮之前：

点击按钮后：

示例2：本示例说明如何返回输入数字defaultValue属性。

GeeksForGeeks

DOM Input Number defaultValue Property

id="myNumber" step="5" name="geeks"

placeholder="multiples of 5" value="10">

   

Click Here!

function myFunction() {

// Accessing input value

var x =

document.getElementById("myNumber").defaultValue = "15";

document.getElementById("demo").innerHTML =

"The defaultvalue was changed to " + x;

}

输出：

在单击按钮之前：

单击按钮后：

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

谷歌浏览器

Internet Explorer 10.0以上

Firefox

Opera

Safari