uniapp中form表单textarea类型
时间: 2024-08-14 21:02:36 浏览: 50
PHP用正则匹配form表单中所有元素的类型和属性值实例代码
在UniApp中,`<textarea>` 标签用于创建文本区域输入字段,它允许用户输入多行文本。在uni-app框架里,你可以使用类似HTML的方式来设置textarea的属性,例如设定默认值、最大长度、是否允许编辑等。下面是一些基本的使用示例:
```html
<view class="input-wrap">
<textarea placeholder="请输入文本" v-model="text" :rows="4" maxlength="200"></textarea>
</view>
```
这里的`v-model`是数据绑定,`placeholder`用于提示用户输入内容,`:rows`表示每行显示的字符数,`maxlength`限制了用户输入的最大字符数。
为了获取用户的输入,你需要在组件的data部分声明这个变量,并在相应的事件处理函数中监听`input`或`change`事件:
```javascript
export default {
data() {
return {
text: ''
};
},
methods: {
handleInput(e) {
this.text = e.detail.value;
}
},
watch: {
text(newVal, oldVal) {
console.log('文本框值改变', newVal);
}
}
}
```
阅读全文