小编教你怎么在微信小程序中使用textarea。

今天酷牛教程小编分享的是怎么在微信小程序中使用textarea 多行输入框?对这个感兴趣的小伙伴就和酷牛教程小编一起学习一下吧,下面就是具体操作流程。

组件说明:

textarea 多行输入框。

效果展示:

属性效果图:

在微信小程序中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 多行输入框的全部内容了,大家都学会了吗?

本文来自投稿,不代表酷牛教程立场,如若转载,请注明出处:https://www.xukn.com/97521.html

(0)
上一篇 2022-12-01 10:04
下一篇 2022-12-01 10:42

相关推荐