2017-09-09 8 views
-2

ページにいくつかの入力フィールドがあります。これらのフィールドは、ページを更新するときに既に埋め込まれています。 ページの更新時にリセットボタンを使用せずに、事前に入力された入力フィールドをクリアするにはどうすればよいですか?ページの更新時に入力フィールドをクリアする

<!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> 
+3

コードを教えてください... – Script47

+2

そうではなく、正しい書式で投稿に編集してください。 – Script47

答えて

1

ページを更新する場合のフィールドが空であるかどうあなたのコードは、とにかく ..良いはずです...

のように彼女の自己で呼ばれています匿名関数を作成します。 this ..

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

他の入力要素を取得し、同じ機能をこの関数内で実行します。

ハッピーコーディング!

1

window.onloadのフィールドをクリアすることができます。

<!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>

+0

私はthikオートコンプリート= "オ​​フ"それは今働いている –

関連する問題