textarea的文字内容提交后台并可以查看，怎么实现？

可以使用表单来实现将textarea的内容提交到后台，例如：

1. HTML代码：

<form action="submit.php" method="post">
  <textarea name="content"></textarea>
  <input type="submit" value="提交">
</form>

2. submit.php代码：

<?php
$content = $_POST['content'];
echo $content;
?>

这样，在用户提交表单后，后台就可以通过$_POST['content']获取textarea的内容，并进行相应的处理。在上述代码中，后台直接将内容输出到页面，如果需要将内容保存到数据库或文件中可以进行相应的修改。

相关问题

小程序textarea的文字内容提交后台并可以查看，怎么实现？

实现过程大致如下：

1. 在小程序的wxml文件中添加一个textarea组件，并设置其name属性，例如name="content"，方便在提交表单时获取输入的内容。

<textarea name="content" placeholder="请输入内容"></textarea>

2. 在小程序的js文件中监听用户提交表单的事件，获取textarea中输入的内容，并将其提交到后台。

// 监听表单提交事件
formSubmit: function(e) {
  // 获取用户输入的内容
  var content = e.detail.value.content;
  // 将内容提交到后台
  wx.request({
    url: 'https://example.com/api/submit',
    method: 'POST',
    data: {
      content: content
    },
    success: function(res) {
      // 提交成功后，可以在这里做一些额外的处理，比如提示用户提交成功
      console.log(res.data);
    }
  });
}

3. 在后台编写接收提交内容的API，并将内容存储到数据库中，以便后续查询和展示。

// Node.js后台示例代码
app.post('/api/submit', function(req, res) {
  var content = req.body.content;
  // 将内容存储到数据库中，这里使用了MongoDB作为示例
  db.collection('texts').insertOne({ content: content }, function(err, result) {
    if (err) throw err;
    res.send({ success: true });
  });
});

4. 在前端编写展示已提交内容的页面，通过调用后台API获取已提交的内容，以便用户查看。

总体来说，小程序textarea的文字内容提交后台并可以查看，主要就是这样实现的。

textarea 内容文字换行文字高度变小

如果您想要在 `<textarea>` 元素中实现自动换行，并且使文本框的高度根据内容自适应，可以使用一些 JavaScript 来实现。

首先，您可以使用 CSS 的 `white-space` 属性来控制文本在达到一定宽度后自动换行。例如：

textarea {
  white-space: pre-wrap; /* 或者使用 pre-line */
}

然后，您可以通过 JavaScript 来动态调整 `<textarea>` 元素的高度以适应其内容。以下是一个示例的 JavaScript 代码：

function adjustTextareaHeight(textarea) {
  textarea.style.height = "auto";
  textarea.style.height = textarea.scrollHeight + "px";
}

// 获取所有的 <textarea> 元素
const textareas = document.querySelectorAll("textarea");

// 遍历每个 <textarea> 元素，并为其绑定 input 事件
textareas.forEach((textarea) => {
  textarea.addEventListener("input", () => {
    adjustTextareaHeight(textarea);
  });
});

在上述代码中，我们定义了一个 `adjustTextareaHeight` 函数，用于根据内容调整 `<textarea>` 元素的高度。然后，我们获取页面中所有的 `<textarea>` 元素，并为它们绑定了 input 事件，当输入内容发生变化时，会自动调用 `adjustTextareaHeight` 函数来调整高度。

这样，当您在 `<textarea>` 中输入文字时，文本框的高度将根据内容自适应。