easyui怎样实现textarea
时间: 2024-04-29 10:21:50 浏览: 190
在 easyui 中,可以使用 textarea 组件来实现文本输入框。下面是一个简单的示例:
```html
<!-- 引入 easyui 样式文件和脚本文件 -->
<link rel="stylesheet" type="text/css" href="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.14/themes/default/easyui.css">
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcdn.net/ajax/libs/jquery-easyui/1.9.14/jquery.easyui.min.js"></script>
<!-- 在页面中添加 textarea 元素 -->
<textarea id="myTextarea"></textarea>
<!-- 初始化 easyui textarea 组件 -->
<script type="text/javascript">
$(function() {
$('#myTextarea').textbox({
width: 300,
height: 100,
multiline: true
});
});
</script>
```
在上面的示例中,我们先在页面中添加了一个 textarea 元素,并指定了一个 id 为 myTextarea。然后,我们使用了 easyui 中的 textbox 组件对该 textarea 进行了初始化。通过设置 width、height 和 multiline 等属性,可以更改 textarea 的大小和多行显示。
阅读全文