JavaScriptを使用しているときにjspが不安定になる

現在jspで作業中です。バートンがクリックされている間、テキストボックスに入力の値を取得する必要があります。私のコードは以下の通りです。実行中は、数秒で消える出力が生成されます。ボタンをクリックすると、安定した出力（テキストボックスのテキスト）が必要です。JavaScriptを使用しているときにjspが不安定になる

<html> 
    <head> 
     <style type="text/css"> 
     body { 
     background-color: #cccccc; 
     } 
     tab{ padding-left: 4em; } 
     </style> 
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
     <form> 
     <title>Businesscard Management</title> 
    </head> 
    <body> 
     <br><br><br><br><br><br> 
     <h2> Search : <input type="text" class="textbox" size="75" id="myText" autofocus="true" name="searchinput"/></h2> 
     <button onclick="myFunction()">Try it</button> 
     <p id="demo"></p> 
     <script> 
     function myFunction() { 
      document.getElementById("myText").value="ertyu"; 
     } 
     </script> 
    </body> 
</html>

出典

2016-07-11 Durai Gowthaman

ボタンがフォームを送信してページがリロードされることがあります。関数内のイベントの伝達をブロックする必要があります。（https://developer.mozilla.org/en/docs/Web/API/Event/preventDefault） –

なぜmetaタグの下に 'form'タグがありますか？ –

まず、コードマークアップにいくつかのエラーがあります。 <form>タグが<head>タグ内に1つだけ開いています。また、タブのスタイルを設定しようとしていますが、これは適切なタグではありません。そして、</html>タグを閉じるのを忘れた。コードを書くときは注意してください。コードのインデントを使用して読みやすくしてください。エラーが発生しないように注意してください。あなたのコードに関する

：私はそれに<form>タグを移動してきた

<html> 
 
<head> 
 
    <style type="text/css"> 
 
     body { 
 
      background-color: #cccccc; 
 
     } 
 

 
     tab { 
 
      padding-left: 4em; 
 
     } 
 
    </style> 
 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
 
    <title>Businesscard Management</title> 
 
</head> 
 
<body> 
 
    <br><br><br><br><br><br> 
 
    <form action="/"> 
 
     <h2> Search : <input type="text" class="textbox" size="75" id="myText" autofocus="true" name="searchinput"/></h2> 
 
     <input type="button" onclick="myFunction()" value="Try it"/> 
 
     <p id="demo"></p> 
 
    </form> 
 

 
    <script> 
 
     function myFunction() { 
 
      document.getElementById("myText").value = "ertyu"; 
 
     } 
 
    </script> 
 
</body> 
 
</html>

は位置を希望しました。フォームを送信しないように<button>を<input type="button">に置き換えてください。あなたのコードについては、Tryボタンを押すと、入力値に "ertyu"というテキストを割り当てます。その価値を得たい場合は、document.getElementById("myText").value

出典

2016-07-11 12:21:26

JavaScriptを使用しているときにjspが不安定になる

答えて

関連する問題