Html “提交”按钮以填充页面上的文本

我正在寻找一种方法，可以根据用户从提交表单中输入的内容，在HTML页面上创建自定义文本。我在网上看过类似的帖子，但在我自己的网页上却不知道如何做到这一点

基本上，我有一个文本区，默认文本是“我的名字是，我想给慈善机构10美元”

如果我有一个提交表单按钮，我如何让它接受表单中输入的名称，然后将该值放入文本部分

谢谢

---

Andrew

这可能就是您正在寻找的：

基本上，您有一个文本区域（id:final text）和一个输入（id:name）。按钮（如果愿意，可以将其更改为表单的onsubmit函数）调用以下JavaScript函数来填充文本区域：

function fill_textarea() {
    document.getElementById('final-text').value = 'My name is ' + document.getElementById('name').value + ' and I want to give $10 to charity';
}

---

谢谢，如何设置HTML以使用此函数？看看下面的用法：Username:From here:我已经更新了JSFIDLE代码以匹配您的代码。现在，在表单提交之前，它将填充文本区域。我不知道你用这个做什么，但是你可能想用一个隐藏的输入替换textarea。更好的办法是做这个服务器端..再次感谢你的努力来帮助我，谢谢。我现在做这件事有点清楚了，你给了我什么，我应该能让这件事对我有用。我从来没有见过如何做服务器端，代码有很大的不同吗？这取决于你的需要。如果你想做的只是在屏幕上显示文本，服务器端的部分就不会那么难：）你愿意分享怎么做吗？更多的是出于对工作的兴趣-我想我很好奇！