怎么在微信小程序中使用textarea 多行输入框

代码：

wxml

<view class="content">

placeholder：

<textarea placeholder="占位符" />

<textarea placeholder="占位符 改变样式style" placeholder-style=

"color:blue"/>

<textarea placeholder="占位符 改变样式class" placeholder-class="placeholdText"/>

</view>

复制代码

wxss

.content{

border:1px black solid

margin: 10px

font-size: 10pt

padding: 10px

}

textarea{

border: 1px red solid

margin: auto

width:100%

height: 3em

margin-top:5px

padding: 3px

}

/*占位符样式*/

.placeholdText{

font-size: 2em

}

<textarea id="reportText" type="text" readonly="readonly" ></textarea>

$(function(){

①

var h = $("#reportText").val().split("\n").length //获取文本行数

var v= $("#reportText").val() //获取文本内容

if(v.length >20 &&h <= 1){//如果文本内容多于自定义的20个字一行,

//且文本的高度只有一行时候的判断

h = (v.length / 20)+1

}

$("#reportText").attr("rows", h)

①

})

精测没有问题的 , 可以用 , 不过有的时候可能根据数据读取的快慢 , 方法加载会有问题 , 如果没能自适应高度 , 可将该方法①放在setTimeout()函数中根据自己数据读取的时间自定义

不要超过自己设定的，比如限制textarea文本域只能输入5行，就不能超过5行。

textarea，计算机语言，指的是标签定义多行的文本输入控件。

文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是Courier）。可以通过cols和rows属性来规定textarea的尺寸，不过更好的办法是使用CSS的height和width属性。

---