首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

用js填充textarea

要用JavaScript自动填充textarea,可以使用以下代码:

HTML:

代码语言:javascript
复制
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Auto Fill Textarea</title>
</head>
<body>
    <textarea id="myTextarea" rows="5" cols="30"></textarea>
    <button onclick="fillTextarea()">填充文本区域</button>

    <script src="script.js"></script>
</body>
</html>

JavaScript (script.js):

代码语言:javascript
复制
function fillTextarea() {
  const textarea = document.getElementById('myTextarea');
  const textToFill = '这是一段预设的文本。';
  textarea.value = textToFill;
}

在这个例子中,我们创建了一个textarea元素,并为其分配了一个ID。接下来,我们创建了一个按钮,当用户点击该按钮时,会触发fillTextarea()函数。

fillTextarea()函数中,我们首先通过ID获取textarea元素。然后,我们将textarea元素的value属性设置为我们想要填充的文本(在本例中为textToFill变量)。这样,当用户点击按钮时,textarea就会被填充。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

22分58秒

057_尚硅谷_以太坊理论_用web3js写以太坊脚本(一)

35分33秒

058_尚硅谷_以太坊理论_用web3js写以太坊脚本(二)

23分27秒

059_尚硅谷_以太坊理论_用web3js写以太坊脚本(三)

13分46秒

060_尚硅谷_以太坊理论_用web3js写以太坊脚本(四)

14分8秒

061_尚硅谷_以太坊理论_用web3js写以太坊脚本(五)

58秒

JShaman一键JS代码混淆,并显示前后AST节点数量差异

1分38秒

腾讯位置服务数据可视化JS API重磅升级!

1分19秒

如何在浏览器Web前端在线编辑PPT幻灯片?

8分30秒

怎么使用python访问大语言模型

1.1K
领券