Question

我的页面上有一些输入字段，刷新页面时这些字段已经填充。如何在不使用页面刷新时的重置按钮的情况下清除预填充的输入字段。

    <!doctype html>
<html>
<title>
  addition WEBSITE
</title>
    <head>

    </head>
    <script >

    function add()
        {
        var num1,num2,c;

        num1= Number(document.getElementById("a").value);
        num2= Number(document.getElementById("b").value);
        c=num2+num1;
        document.getElementById("answer").value=c;
        }
    </script>
<body>
    <div align="center">
     <h1>
     addition
     </h1>

     a=  <input id="a">
         b=  <input id="b" >
         <button   onclick="add()">Add</button>    
         Sum=  <input id="answer" >    

    </div>    


</body>    
</html>

Answer 1

您可以清除window.onload上的字段。

＆＃13;

 <!doctype html>
<html>
<title>
  addition WEBSITE
</title>
    <head>

    </head>
    <script >
    
    window.onload = function(){
    
        document.getElementById("a").innerHTML = "";
        document.getElementById("b").innerHTML = "";
    
    }

    function add()
        {
        var num1,num2,c;

        num1= Number(document.getElementById("a").value);
        num2= Number(document.getElementById("b").value);
        c=num2+num1;
        document.getElementById("answer").value=c;
        }
    </script>
<body>
    <div align="center">
     <h1>
     addition
     </h1>

     a=  <input id="a">
         b=  <input id="b" >
         <button   onclick="add()">Add</button>    
         Sum=  <input id="answer" >    

    </div>    


</body>    
</html>

＆＃13;

Answer 2

你的代码应该更好.. 无论如何，如果你想刷新页面时字段是空的......

创建一个匿名函数，由她自己调用，就像这样..

function () {
 document.getElementById('a').value = ""; 
}

获取其他输入元素并在此函数中执行相同操作。

快乐的编码!!

清除页面刷新时的输入字段

2 个答案: