我可以在文本字段中添加“保存”/“提交”按钮，以便在单击按钮时将文本保存在字段中吗？

Question

标题几乎说明了一切。

我可以在文本字段中添加“保存”/“提交”按钮，以便在单击按钮时将文本保存在字段中吗？

我有一个文本字段，但我现在需要添加一个按钮，这样当我在文本字段中完成写入时，该按钮会“保存”我在文本字段中写入的文本。

我不确定该怎么做，我一直在寻找答案。 任何帮助将不胜感激。

我的代码目前看起来像这样，（很明显，我添加的提交/保存按钮除了刷新页面什么都不做，而且我丢失了文本字段中的所有文本）

<form class="admin-customer-notes">
<textarea rows="4" cols="50" style="margin-bottom:30px; width: 100%; height: 200px;">
</textarea>
<button type="submit">Save</button>
</form>

Answer 1

您需要使用 .PHP 之类的东西向表单添加指向服务器端脚本的操作

或者，您可以使用 javascript/cookies 保存数据。

或者您可以对服务器端脚本使用 AJAX 调用。

我不确定您熟悉哪种脚本语言，但如果您确实可以使用 PHP，那么您可以这样做...

如下更改您的表单：

<form class="admin-customer-notes" method="POST" action="/script.php">
<textarea rows="4" cols="50" style="margin-bottom:30px; width: 100%; height: 200px;" name="text">
</textarea>
<button type="submit">Save</button>
</form>

然后在 script.php 中，您将解析数据并以您想要的任何形式存储它。例如：

脚本.php

<?php
$text = $_POST['text'];

// at this point, $text contains the text from the textarea.  You would need to write this to a database or a flat file.

?>

如果您能告诉我们您使用的是哪种脚本语言，我们可以提供更好的示例。如果您只熟悉 javascript，则可能需要使用 cookie。