首页有一个多行文本域ta，一个按钮“OK”，初始文本框内容为空，点击按钮，文本框出现“Iam a student ，and you?”，请编写程序实现。

有一个多行文本域ta，一个按钮“OK”，初始文本框内容为空，点击按钮，文本框出现“Iam a student ，and you?”，请编写程序实现。

时间: 2024-02-24 16:57:51 浏览: 102

好的，以下是实现该功能的 HTML 和 JavaScript 代码： ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>多行文本框示例</title> </head> <body> <textarea id="ta"></textarea> <button onclick="addText()">OK</button> <script> function addText() { var ta = document.getElementById("ta"); ta.value = "I am a student, and you?"; } </script> </body> </html> ``` 其中，我们使用了 HTML 的 `<textarea>` 标签来创建多行文本框，使用了 JavaScript 来实现按钮点击后文本框内容的添加。具体实现步骤如下： 1. 在 HTML 中添加一个 `<textarea>` 标签和一个按钮，并为按钮添加 `onclick` 属性，值为 `addText()` 函数。 2. 在 JavaScript 中，定义 `addText()` 函数，该函数用于获取多行文本框的 DOM 元素，并将其值设置为所需的文本。当用户点击按钮时，`addText()` 函数会被调用，然后获取多行文本框的 DOM 元素，并将其值设置为 "I am a student, and you?"。这样就完成了文本框内容的添加。

阅读全文