js 限制textarea的行数与列数
时间: 2023-08-10 17:02:09 浏览: 136
用js实现计算代码行数的简单方法附代码
你可以使用以下代码来限制 textarea 的行数与列数:
```html
<textarea id="myTextarea" rows="10" cols="50"></textarea>
```
其中,`rows` 属性表示 textarea 的行数,`cols` 属性表示 textarea 的列数。你可以根据自己的需要修改这些值。
如果你想要限制 textarea 的行数,可以使用以下 JavaScript 代码:
```javascript
var textarea = document.getElementById("myTextarea");
textarea.addEventListener("input", function() {
var lines = textarea.value.split("\n");
if (lines.length > 10) {
textarea.value = lines.slice(0, 10).join("\n");
}
});
```
这段代码会检测 textarea 内输入的内容,并将其按照换行符进行分割。然后,它会检查分割后的行数是否超过了 10 行。如果超过了,就会截取前 10 行的内容,并将其赋值给 textarea。
如果你想要限制 textarea 的列数,可以使用以下 CSS 代码:
```css
#myTextarea {
max-width: 500px;
}
```
这段代码会将 textarea 的最大宽度设置为 500 像素,从而限制它的列数。你可以根据自己的需要修改这个值。
阅读全文