设置input输入框可输入多行,最多显示一行,超过一行显示轮动条
时间: 2023-09-05 14:07:12 浏览: 266
jquery输入框不能超过指定的数,如果超过不能输入
4星 · 用户满意度95%
很抱歉,我之前的回答有误,input输入框无法直接实现多行输入,需要使用textarea标签来实现。设置textarea输入框可输入多行,最多显示一行,超过一行显示滚动条,你可以使用以下 CSS 样式:
```
textarea {
height: 1.2em; /* 设置输入框的高度为一行的高度 */
overflow: auto; /* 超过一行时显示滚动条 */
resize: none; /* 防止用户通过拖动来改变输入框的大小 */
}
```
通过设置 `height` 属性为一行的高度,可以让输入框仅显示一行。当输入内容超过一行时,会自动显示垂直滚动条。设置 `resize` 属性为 `none` 可以防止用户通过拖动来改变输入框的大小。
使用 textarea 标签的代码如下:
```
<textarea></textarea>
```
你可以将其放在 HTML 表单中,以便提交数据。
阅读全文