テキストをテキストボックスに提出した後、上のテキストを表示するにはどうすればいいですか？

テキストボックスにテキストを入力し、上に書いたテキストをHTMLの上に表示できる領域を作成しようとしています。私はHTMLにはとても新しいので、どんな助けでも大歓迎です。私は自分がしようとしているものの美しい絵を描きました。このような状況に対処するためのテキストをテキストボックスに提出した後、上のテキストを表示するにはどうすればいいですか？

出典

2017-07-27 Darth Vador

最良の方法では、JavaScriptのライブラリ自体ではJavaScriptやjQueryのを使用しています。私はあなたはJavascriptの方法も同じであるjQueryの

<script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> 
 
<script> 
 
\t $(document).ready(function(){ 
 
    \t $("#form-to-be-submitted").click(function(){ 
 
     \t $(".whatever-styling-you-want").html($("#textBox").val()); 
 
     }); 
 
    }); 
 
\t 
 
</script> 
 

 
<div class="whatever-styling-you-want"> 
 

 
</div> 
 
<!-- Your text box and submit button --> 
 
<div> 
 
     <input type="text" id="textBox" placeholder="Please input your text here..."/> 
 
     <input id="form-to-be-submitted" value="submit" type="button"/> 
 
</div>

でそれを行うべきかをお見せしましょう。クリック機能を使用する必要はありませんが、javascriptのon機能を 'click'イベントとともに使用します。私はこれが役立つことを願っています。

出典

2017-07-27 21:52:28

-2

<!DOCTYPE HTML> 
<html> 
<head> 
<style> 

</style> 
</head> 
<body> 
<p id="x"></p><br> 
<input id="value"><input type="button" value="submit" onClick="getV()"> 
<script> 
function getV(){document.getElementById("x").innerHTML = document.getElementById("value").value;} 
</script> 
</html>

出典

2017-07-27 21:41:28 Rigidity

あなたはあなたの答えが投票された理由を知りたがっているのですが、さらに質問に答える前に[よくある回答を書くには？]（http://stackoverflow.com/help/how-to-answer）を読んでください。。 –

私はコメントに投稿したリンクを読む必要があることに同意します。なぜこれが低品質の回答であるのかが非常にはっきりと説明されています。 –

なぜそれが良い答えではないの説明のないコードのBLOB、決してされたことはありませんされます。 –

テキストをテキストボックスに提出した後、上のテキストを表示するにはどうすればいいですか？

答えて

関連する問題