我如何通过文本框添加内容到我的页面

How do I add content to my page via a textbox?

本文关键字：我的 添加 何通过 文本      更新时间：2023-09-26

我想在我的页面上有一个文本框，它的行为像这样:当按下输入按钮时，文本框的内容被添加到页面中。我还希望每次提交后都有一个<br>休息时间。

如何在HTML和JavaScript中做到这一点?

首先创建<textarea>和<button>元素，然后创建或最好选择<div>并给它一个类，我将使用class="content"。

<div>
   <textarea></textarea>
   <button>Add content</button>
</div>
<div class="content"></div>

然后使用这个简单的脚本，它在加载时执行。基本上，当按下<button>时，函数首先检查<textarea>是否为空，同时从开始和结束的空格中剥离它。如果<textarea>不为空，则将其内容附加到<p>元素中的<div class="content">后面，然后是<br>。

$(document).ready(function(){
   $('button').click(function(){
      toAdd = $.trim($('textarea').val());
      if(toAdd !== ""){
         $('.content').append('<p>'+ toAdd + '</p><br>');
      }
   });
)};

不要忘记链接jQuery库到文档

相关文章：