将文本提交到文本框HTML中后，如何在上方显示文本

Question

我正在尝试创建一个区域，您可以在其中向文本框中输入文本，并将书面文本显示在HTML上方的框中。 我是HTML的新手，因此将不胜感激。 我画了一张我想做的美丽图画。

Answer 1

解决这种情况的最佳方法是使用Javascript或jQuery，这本身就是javascript的库。 让我向您展示如何在jQuery中进行操作

 <script src="https://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script> <script> $(document).ready(function(){ $("#form-to-be-submitted").click(function(){ $(".whatever-styling-you-want").html($("#textBox").val()); }); }); </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的方式也相同。 无需使用click函数，而是将JavaScript的on函数与'click'事件一起使用。 我希望这有帮助。

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

将文本提交到文本框HTML中后，如何在上方显示文本

问题描述

2 个解决方案

解决方案1
0 已采纳 2017-07-27 21:52:28

解决方案2
-2 2017-07-27 21:41:28

将文本提交到文本框HTML中后，如何在上方显示文本

问题描述

2 个解决方案

解决方案1 0 已采纳 2017-07-27 21:52:28

解决方案2 -2 2017-07-27 21:41:28

解决方案1
0 已采纳 2017-07-27 21:52:28

解决方案2
-2 2017-07-27 21:41:28