1.第一步,打开微信小程序开发工具,在指定的wxml文件中插入一个textarea组件,设置最大长度、失去焦点事件等。
2.第二步,在界面对应的JavaScript文件,添加失去焦点事件,并获取文本域文字内容。
3.第三步,接着派穗链保存代码并在模拟器中预览界面显示效果,可以看到一个文本域。
4.第四步,在文本域组件中输入相应的文字内族斗容,尽可能输入多的内容。
5.第五步,接着在浏览器的控制台下方,查看打印的结果值,跟文本域中的一致。
6.第六步,最后再输入其他的文字内容,由于限制了文本域的最大输入长度,边尘孙输入边查看结果。这样就解决了微信小程序怎样设置textarea文本域输入的问题了
微信袭薯举小程序有一个标签<text>
它相当于平常开发中用到的<span>标签,是一个行内元素
不过在小程序中<text>标签不能换行写
这样写‘哈哈哈’上下会有一个间距空白,输出的结果不在同一行。拍碧
这样两个行内手键元素才能在同一行。
代码: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
}
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)