input 多行文本框
时间: 2024-01-18 07:03:38 浏览: 91
多行文本框
可以使用`<textarea>`标签来创建多行文本框,也可以使用`<input>`标签的`type`属性设置为`textarea`来创建多行文本框。下面是一个使用`<textarea>`标签创建多行文本框的例子:
```html
<textarea rows="4" cols="50">
在这里输入文本...
</textarea>
```
其中`rows`属性设置文本框的行数,`cols`属性设置文本框的列数。
如果使用`<input>`标签的`type`属性设置为`textarea`来创建多行文本框,可以使用`resize`属性设置文本框是否可调整大小,使用`v-model`绑定数据,使用`:autosize`属性设置文本框的自动调整大小的最小行数和最大行数。下面是一个使用`<input>`标签创建多行文本框的例子:
```html
<el-input type="textarea" resize="none" :autosize="{ minRows: 4, maxRows: 4 }" placeholder="请输入意见" v-model="shyj"></el-input>
```
其中`:autosize="{ minRows: 4, maxRows: 4 }"`表示设置文本框的自动调整大小的最小行数和最大行数都为4行。
阅读全文