HTML DOM中的Input Reset对象用于表示type =“ reset”的HTML <input>元素。该标签用于访问或创建<input>元素。可以使用getElementById()方法访问此元素。
用法:
document.getElementById("Input_ID");
此Input_ID分配给HTML <input>元素。
示例1:创建类型为“reset”的<input>元素。
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM RESET Object
</title>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Reset Object</h2>
<button onclick="myGeeks()">
Click Here
</button>
<script>
function myGeeks() {
// creating input element with type = "reset"
var x = document.createElement("INPUT");
x.setAttribute("type", "reset");
document.body.appendChild(x);
}
</script>
</body>
</html>
输出:
-
在单击按钮之前:
-
单击按钮后:
示例-2:使用document.getElementById(“GeekReset”)从“GeekReset” id返回<input>元素的值
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM RESET Object
</title>
</head>
<style>
#Geek_p {
font-size:30px;
color:green;
}
</style>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Reset Object</h2>
<input type="reset"
id="GeekReset"
value="Reset form">
<br>
<br>
<button onclick="myGeeks()">
Click Here
</button>
<p id="Geek_p"></p>
<script>
function myGeeks() {
// access input element with type = "reset"
var x =
document.getElementById("GeekReset").value;
document.getElementById("Geek_p").innerHTML =
x;
}
</script>
</body>
</html>
输出:
-
在单击按钮之前:
-
单击按钮后:
-
在单击按钮之前:
-
单击按钮后:
- 谷歌浏览器
- 火狐浏览器
- Edge
- Safari
- Opera
示例3:返回类型为“ reset”的输入元素的ID。
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM RESET Object
</title>
</head>
<style>
#Geek_p {
font-size:30px;
color:green;
}
</style>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksForGeeks
</h1>
<h2>DOM Reset Object</h2>
<input type="reset"
id="GeekReset"
value="Reset form">
<br>
<br>
<button onclick="myGeeks()">
Click Here
</button>
<p id="Geek_p"></p>
<script>
function myGeeks() {
// access input element with type = "reset"
var x =
document.getElementById("GeekReset").id;
document.getElementById("Geek_p").innerHTML =
x;
}
</script>
</body>
</html>
输出:
注意:类型=“重置”用于使用“Reset Button”将所有值重置为其初始值。
支持的浏览器:
相关用法
- HTML Input Reset name用法及代码示例
- HTML Input Reset type用法及代码示例
- HTML Input Reset disabled用法及代码示例
- HTML Input Reset value用法及代码示例
- HTML Input Reset autofocus用法及代码示例
- HTML Input Reset form用法及代码示例
- HTML Input reset defaultValue用法及代码示例
- HTML input reset用法及代码示例
- HTML DOM Form reset()用法及代码示例
- HTML DOM Object用法及代码示例
- HTML DOM Input Week用法及代码示例
- HTML DOM Input Button用法及代码示例
- HTML DOM Input Submit用法及代码示例
- HTML DOM Input URL用法及代码示例
- HTML DOM Input Time用法及代码示例
- HTML DOM Input Hidden用法及代码示例
- HTML DOM Input Range用法及代码示例
- HTML DOM Input Number用法及代码示例
- HTML DOM Input Password用法及代码示例
- HTML DOM Input Color用法及代码示例
注:本文由纯净天空筛选整理自PranchalKatiyar大神的英文原创作品 HTML | DOM Input Reset Object。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。