怎么限制<textarea> 只能输入10行,不能滚动显示
时间: 2024-03-11 12:51:39 浏览: 72
js实现textarea限制输入字数
5星 · 资源好评率100%
如果你想要限制`<textarea>`只能显示10行,不能滚动,你可以使用CSS的`max-height`属性来实现。具体步骤如下:
1. 首先,在HTML中添加`<textarea>`标签,并设置其`rows`属性为10,如下所示:
```
<textarea rows="10"></textarea>
```
2. 接着,在CSS中设置`max-height`属性为`10*行高`,同时将`overflow`属性设置为`hidden`,如下所示:
```
textarea {
max-height: 200px; /* 假设每行高度为20px,则10行高度为200px */
overflow: hidden;
}
```
这样设置后,`<textarea>`就不能滚动了,同时只能最多显示10行内容。当用户输入超过10行时,`<textarea>`会自动隐藏超出的部分。
阅读全文