微信小程序 fixed 解决 textarea 的 placeholder 不固定问题

最新推荐文章于 2024-07-12 15:11:33 发布

胡金针

最新推荐文章于 2024-07-12 15:11:33 发布

阅读量137

点赞数

文章标签：微信小程序

原文链接：https://www.codeprj.com/blog/a087731.html

版权

微信小程序 fixed 解决 textarea 的 placeholder 不固定问题

参考文章：

（1）微信小程序 fixed 解决 textarea 的 placeholder 不固定问题

（2）https://www.cnblogs.com/520BigBear/p/10520435.html

（3）https://www.codeprj.com/blog/a087731.html

备忘一下。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

胡金针

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

微信小程序中设置textarea的placeholder换行显示(亲测管用)

前端路上坎坎坷坷，总有一天站在顶峰仰望世界！！！

07-04

1628

上述在wxml写完之后需要加上下述的css才可以生效。

微信小程序 fixed 解决 textarea 的 placeholder 不固定问题

书写人生

05-19

1万+

当我们把 textarea 放到一个 position:fixed; 中的元素中时。会发现这个 textarea 也会跟着固定位置，但是 textarea 的 placeholder 内容不会固定，当滚动页面时，placeholder 的内容会跟着滚动。如何解决呢？给 textarea 增加属性 fixed：

1 条评论您还未登录，请先登录后发表或查看评论

微信小程序fixed定位元素中的textarea聚焦时被键盘遮挡

u010281877的博客

05-09

4659

微信小程序fixed定位元素中的textarea聚焦时被键盘遮挡场景描述BUG复现预期输入时效果BUG表现解决方案1 修改弹窗定位方式2 修改文档流布局总结场景描述用户点击某选项，弹出一个表单弹窗，弹窗中有使用textarea组件，当用户点击输出框输入时，键盘遮挡到textarea组件原本的文字，textarea组件悬浮到键盘上方并遮挡其他内容 BUG复现这是一个代码片段预期输入时效果 ...

【uniapp】小程序中textarea设置placeholder字体大小不生效以及解决办法

m0_51514727的博客

01-17

1452

【代码】【uniapp】小程序中textarea设置placeholder字体大小不生效以及解决办法。

微信小程序textarea层级过高的解决方法

10-17

解决微信小程序textarea层级过高的问题，可以通过控制textarea的显示与隐藏、结合其他组件的使用，以及利用cover-view和cover-image等原生组件进行覆盖。根据实际业务场景选择合适的解决方案，以保证用户界面的正常...

小程序textarea的行间距_微信小程序textarea爬坑整理

weixin_28992423的博客

12-30

2391

1.手机端placeholder属性会随页面滚动由于我整个页面要大于手机视窗，于是我设置了overflow：hidden属性，但是textarea里的placeholder中的文字依然会随着屏幕滑动。解决方法在textarea中设置fixed='true’属性2.textarea层级在最上层，z-index无效这个问题应该很多人都遇到了，目前也没有特别完美的解决办法，目前主流的两种解决方法。解决...

微信小程序textarea多行输入框文字穿透--解决方式

weixin_45729307的博客

06-16

961

解决思路：写一个view，跟需求样式一致，点击的时候，view隐藏，textarea显示出来一样的样式，一样的大小，让他出现的时候自动获取焦点，键盘弹起，输入内容，点击完成，失去焦点后，textarea隐藏，赋值给view，view出现，切换看不出来大的变化，问题解决。弹框遮住了2个textarea 解决方案为修改一下类名假如页面有一个textarea 多行文本框只需要设置一遍类名即可住：因为我写了二个输入框,第二个有点小问题先输入第二个的话再次点击弹框的话会穿透文字 Html部分第1个

【愚公系列】《微信小程序开发解析》008-表单组件

热门推荐

时光隧道

07-12

2万+

微信小程序中的表单组件是用于创建和管理用户输入的界面元素。这些组件允许开发者在小程序中轻松地收集用户信息，比如文本、数字、选择项等。表单组件通常用于需要用户填写信息的场景，如注册、登录、提交订单、反馈等。表单容器：用于包裹表单元素，提供表单提交的功能。输入框：用于接收用户输入的文本信息。可以设置不同类型，如文本、数字、密码等。多行文本输入框：用于接收用户输入的多行文本信息。按钮：用于表单提交或执行其他操作。复选框：用于让用户进行多选操作。复选框组：用于把多个复选框组合在一起，便于管理。单选框。

uniapp 微信小程序 自定义弹框+picker下拉选择列表+输入表单：拒绝-选择理由弹窗

maoge_666的博客

07-20

2367

uniapp 微信小程序 自定义弹框+picker下拉选择列表+输入表单：拒绝-选择理由弹窗

微信小程序定位的input与textarea输入框placeholder随屏幕滚动bug

qq_41241504的博客

07-13

1618

input的把input输入框改为textarea 然后加上属性 fixed="true"就可以了 <textarea class="textarea" placeholder="不超过12个字" fixed="true" bindinput="qt_text" value="{{sr_text}}"></textarea>

微信小程序scroll-view组件套textarea框内文字和placeholder上飘解决

in twilight

08-20

1167

wxml如下，此时scroll-view组件内的textarea中输入的文字和placeholder的内容在滚动屏幕时会上飘 <scroll-view style="width:100vw;height:100vh" bindscroll="onScroll" scroll-y="{{true}}" class="scroll"> <view style="height:50vh"></view> <textarea placeholder="请

解决微信小程序textarea标签使用fiexed样式时placeholder“悬浮”问题

weixin_43525746的博客

04-25

1046

解决方法：给textarea标签加上属性： fixed = “{{true}}” 详细描述：在练习编写一个类似简书的博客社区微信小程序的时候，文章详情页面下方的textarea框的html和css如下 <textarea cursor-spacing="10" class="commentArea" bind:focus="handleFocust" fixed...

flex布局微信小程序中input和texteare遇到的问题/注意点

weixin_44704285的博客

03-06

1170

今天写小程序的时候遇到一个问题，用input和textarea布局，左边的文字区域的宽度是相同的，但是到页面展示的时候textarea输入框的placeholder的内容偏左边，试了各种方法，后来发现给textarea的css添加flex:1，问题瞬间解决 &amp;lt;view class=&quot;name&quot;&amp;gt; &amp;lt;text&amp;gt;地区&

微信小程序中如何设置textarea或者van-field中的placeholder换行显示

qq_41603026的博客

03-27

2803

微信小程序中如何设置textarea中的placeholder换行显示。van-field 中直接修改textarea 标签的样式即可。

微信小程序的占位符placeholder以及选择器picker使用知识点

zhoutao2的博客

07-11

8692

1、在需要带占位符placeholder的textarea组件中，文本值优先使用value中定义的值（包括绑定事件输入），如果value中的值（可以从js文件中的data传入）是空''，则显示占位符placeholder的默认值2、picker选择器可以使用disabled属性来控制该选择器是否可用，当属性为不可用时，可以在picker组件中使用view组件再加入一个默认值，可以实现根据disab...

微信小程序 - ＜textarea＞多行文本输入框 placeholder 属性换行显示文字（样式修改的详细教程）

王佳斌

10-20

8718

解决微信小程序input框 placeholder 换行textarea，wechat小程序 textarea的placeholder如何换行，vant-weapp 组件库 Field 输入框组件 van-field 的placehold怎么换行？,微信小程序中如何设置textarea中的placeholder换行显示，css input输入框placeholder样式的修改，怎么让textarea的灰色placeholder换行显示描述呢，微信小程序 - textarea 多行文本输入框 placehol

关于微信小程序textarea组件placeholder穿透的bug

一个希望世界和平的前端程序猿的博客

12-26

548

当使用textarea组件时，placeholder会穿透弹框组件，一直处于页面最上层，由于textarea是原生组件，所已无法通过设置层级的方式去覆盖，除非同为原生组件。

微信小程序 textarea 让placeholder换行