以下のコメントを追加してください。

こんにちは私はこのコードを取得しました。見出しの下にコメントを追加したいと思います。しかし、今すぐ送信をクリックすると、ヘッダーが送信され、ボタンが消えます。しかし、私は彼らがテキスト入力がボタンの下に表示されるように滞在したいと思います。ありがとうございます！以下のコメントを追加してください。

<html> 
 
    <body> 
 
    
 
    <h1>Add comment below</h1> 
 
    
 
     
 
     <label for="vname">Comment: 
 
     <input type="text" id="vname" name="vname"> 
 
     <input type="submit" value="Submit" onclick="addComment()"> 
 
     
 
     <script> 
 
     function addComment() 
 
      { 
 
      var vname = document.getElementById("vname").value; 
 
      document.write(vname); 
 
      } 
 
      </script> 
 
    </body> 
 
    </html>

出典

2016-11-07 Engineer

'document.write'を使用しないでください。また、汎用ボタンとしてフォーム送信ボタンを使用しないでください。 –

<html> 
 
    <body> 
 
    
 
    <h1>Add comment below</h1> 
 
    
 
     
 
     <label for="vname">Comment:</label> 
 
     <input type="text" id="vname" name="vname"> 
 
     <input type="submit" value="Submit" onclick="addComment()"> 
 
     
 
     <ul id="comments"></ul> 
 
     
 
     <script> 
 
     function addComment() 
 
      { 
 
       var vname = document.getElementById("vname").value; 
 
       var li = document.createElement('li'); 
 
       li.innerText = vname; 
 
       document.getElementById('comments').appendChild(li); 
 
       document.getElementById("vname").value = ''; 
 
       document.getElementById("vname").focus(); 
 
      } 
 
     </script> 
 
    </body> 
 
    </html>

出典

2016-11-07 20:17:36

ありがとうございます！それはうまく動作します！ありがとうございました！ – Engineer

以下のコメントを追加してください。

答えて

関連する問題