Question

我想知道如何从文本输入中获取输入并将其放在文本区域中，并在输入之前和之后添加文本，例如：

这是输入，让我说我的输入是“西瓜”

<form>
 <input type="test" id="foodName">**"Watermelon"**
</form>

我希望输入内的文本放在文本区域中并在输入之前和之后放置文本（斜体文本是我输入输入之前的文本）：

<texarea>
 (foodName)*I think* **"Watermelon"** *is a amazing food!*
</textarea>

Answer 1

这很简单：首先，您必须创建textArea：

<textarea id="myArea"> </textarea>

然后我们将从文本输入中获取值：我们将使用Javascript获取值并将值放在textArea中：

       <script>
function myFunction(){
      var nameOfFood=  document.getElementById("foodName").value;
    document.getElementById("myArea").innerHTML = "I think" + nameOfFood+ "is an amazing food !";
}
    </script>

您必须注意的一件事是何时运行javascript代码。如果创建一个按钮，则可以进行onClick（）调用以使输入值出现在textArea上。

对于按钮，它将是：

<button onClick="myFunction">Click me! </button>

现在，当点击按钮时，它会将数据从输入区域传输到textArea！

将表单输入放入textarea

1 个答案: