小码哥的IT人生

Input Reset value 属性

JavaScript基础 2022-06-08 16:25:53小码哥的IT人生shichen

Input Reset value 属性

定义和用法

value 属性设置或返回重置按钮的 value 属性的值。

HTML value 属性定义显示在重置按钮上的文本。

另请参阅:

HTML 参考手册:HTML <input> value 属性

实例

例子 1

更改重置按钮上显示的文本:

document.getElementById("myReset").value = "新的重置按钮值";

完整实例:

<!DOCTYPE html>
<html>
<body>
<input type="reset" id="myReset" value="重置表单">
<p>单击“试一试”按钮可更改重置按钮上显示的文本。</p>
<button onclick="myFunction()">试一试</button>
<script>
function myFunction() {
  document.getElementById("myReset").value = "新的重置按钮值";
}
</script>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

例子 2

获取显示在重置按钮上的文本:

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

完整实例:

<!DOCTYPE html>
<html>
<body>
<input type="reset" id="myReset" value="重置表单">
<p>请点击“试一试”按钮,显示重置按钮上显示的文字。</p>
<button onclick="myFunction()">试一试</button>
<p id="demo"></p>
<script>
function myFunction() {
  var x = document.getElementById("myReset").value;
  document.getElementById("demo").innerHTML = x;
}
</script>
</body>
</html>

可以使用本站在线JavaScript测试工具测试上述代码运行效果:http://www.phpcodeweb.com/runjs.html

语法

返回 value 属性:

resetObject.value

设置 value 属性:

resetObject.value = text

属性值

描述
text 重置按钮上显示的文本。

技术细节

返回值: 字符串值,表示重置按钮上显示的文本。

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 支持 支持 支持 支持

版权所有 © 小码哥的IT人生
Copyright © phpcodeweb All Rights Reserved
ICP备案号:苏ICP备17019232号-2  

苏公网安备 32030202000762号

© 2021-2024