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

最新推荐文章于 2024-06-27 10:20:38 发布
最新推荐文章于 2024-06-27 10:20:38 发布
阅读量8.6k 收藏
点赞数
分类专栏： JS 文章标签： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhoutao2/article/details/81002773
版权

1、在需要带占位符placeholder的textarea组件中，文本值优先使用value中定义的值（包括绑定事件输入），如果value中的值（可以从js文件中的data传入）是空''，则显示占位符placeholder的默认值

2、picker选择器可以使用disabled属性来控制该选择器是否可用，当属性为不可用时，可以在picker组件中使用view组件再加入一个默认值，可以实现根据disabled组件进行条件判断，如：满足条件A则显示默认值且picker选择器不可用，否则正常使用picker组件选择

zhoutao2
关注
专栏目录
微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法
08-28
微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法 微信小程序实现动态设置placeholder提示文字及按钮选中/取消状态的方法是一种常用的交互方式，通过事件绑定和this.setData动态设置属性数据，...
picker组件如何可以像input一样有个placeholder的提示内容？
sinat_33255495的博客
03-24 2659
可以设置index默认为空，判断index是不是空的时候显示就好了。 <picker value="{{index}}" range="{{platArray}}" bindchange="bindPlatChange" range-key="{{'name'}}"> <view wx:if="{{index}}" class="picker"> {{ platArray[index].name }} </view> &l
钉钉小程序设置placeholder样式
神以灵的博客
01-08 1633
照着微信小程序的方法写就ok了，尽管钉钉的文档里没写(还有一些其他的api也可以按着微信的方式写~~o _ o) 1.placehoder-style 2.placeholder-class 对这个钉钉小程序只有一个形容词：shit ...
解决微信小程序使用textarea输入框 type=“textarea“ 文本输入限制问题
weixin_45776545的博客
06-27 705
【代码】解决微信小程序使用textarea输入框 type=“textarea“ 文本输入限制问题。
uniapp picker设置提示文字（placeholder）
搞笑范fan
07-05 3559
uniapp picker设置提示文字
记录一次原生微信小程序的picker标签在循环表单数据中的使用
如果还热爱那就一直写下去吧~
09-22 463
上次这个picker坑我是在19年，没想到23年了依旧被这个数据回显给坑了好几个小时。这是官方给的示例，这特喵能看出来个啥赋值呜呜呜。
微信小程序picker选择器（下拉框）以及传值问题
前端视听
07-02 4457
参考文档： https://developers.weixin.qq.com/miniprogram/dev/component/picker.html wxml <view class="section"> <view class="section__title">普通选择器</view> <picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}"> &l
web和微信小程序设置placeholder样式
小马甲
11-30 1924
在页面布局时经常会用到`input`输入框，有时为了提示用户输入正确的信息，需要用`placeholder`属性加以说明。`placeholder` 是`HTML5` 中新增的一个属性，需要注意浏览器的兼容性。。`placeholder`可以用来描述输入字段预期值的简短的提示信息。提示信息会在用户输入值之前显示，一旦用户输入信息该提示就会自动消失。比如：我们在登录时需要输入用户名和密码，它会提示你什么地方输入用户名，什么地方输入密码，这个就是使用的`placeholder`属性。
小程序下拉框自定义样式picker修改样式picker-view修改样式
热门推荐
Hero_rong的博客
07-23 1万+
小程序里面如果想要自定义一个弹框如上图所示的样式，首先picker是可以放弃的了，因为它根本没有办法修改样式，也一直被吐槽直到picker-view的出现，picker-view修改样式起来可以说是为所欲为了，下面我们说一下需要注意的地方，最下方是官方文档属性，我这里用的是indicator-class属性修改中间的样式 TIP： 1. input的 placeholder的样式可...
微信小程序picker组件下拉框选择input输入框的实例
08-29
在微信小程序开发中，`picker`组件用于创建一个下拉选择框，而`input`输入框则用于用户输入文本信息。结合两者，可以创建出既包含预设选项又允许用户自定义输入的交互界面。本实例主要展示了如何将`picker`组件与`...
微信小程序中下拉选择中带手动输入搜索的实现
02-10
在微信小程序开发中，下拉选择框（Picker）通常用于让用户在一组预设选项中进行选择，而结合手动输入搜索功能则能进一步提升用户体验，使用户可以快速找到想要的特定选项，尤其当选项数量庞大时。本文将详细介绍如何...
微信小程序实现城市列表选择
08-27
总的来说，微信小程序实现城市列表选择涉及的主要知识点包括： 1. 数据结构设计：如何存储城市数据，以便于快速搜索和筛选。 2. 用户界面设计：创建可交互的城市选择组件，包括输入框和列表。 3. 事件处理：监听用户...
原生微信小程序/uniapp使用空格占位符无效解决方法
aichijvzi的博客
01-09 1万+
最近碰到一个需求，在一个文本中的前后添加空格占位符，总所周知，我并不会前端，于是我查看了原生微信小程序以及uniapp官方文档，得到了以下答案
微信小程序--picker组件
2301_78374183的博客
06-13 516
【代码】微信小程序--picker组件。
CSS：浏览器设置placeholder样式 / 微信小程序设置placeholder样式
snowball的博客
11-24 5466
设置浏览器的placeholder样式在小程序中设置placeholder样式需要使用组件的内置属性。在上面的示例中，placeholder-style属性被设置为一个字符串，包含了CSS样式。在这个字符串中，您可以设置任何CSS样式属性，例如颜色、字体大小、字体样式等。请注意，这些属性仅适用于placeholder文本，而不是输入的文本。如果您需要设置输入文本的样式，应该将样式应用到输入框或文本域本身。
微信小程序的开发------搜索功能
yijiupingfan0914的博客
08-30 1594
      wxml &lt;view class="weui-search-bar"&gt; &lt;view class="weui-search-bar__form"&gt; &lt;view class="weui-search-bar__box"&gt; &lt;icon class="weui-icon-search_in-box&qu
微信小程序组件：picker类组件 picker,picker-view,picker-view-column
qq_43132454的博客
05-15 8621
picker picker就是类似上图的滑动选择 picker | 微信开放文档 常用属性 mode, range, bindchange <picker mode="time" range="{{array}}" start="06:30" end="18:30" bindchange="bindTimeChange"> <view class="picker"> 当前选择:{{time}} </view> </pi.
微信小程序 picker组件封装
٩(๑❛ᴗ❛๑)۶
03-29 1213
一直觉得小程序的picker组件用起来步骤很繁琐，于是就自己封装了一个组件，简直不要太好用 组件： wxml: <picker bindchange="pickerChangeFun" value="{{chooseIndex}}" range="{{options}}" range-key="{{'name'}}"> <view> <text style="color:{{chooseIndex>=0?'#131C2C':'rgba(203,212,
uniapp微信小程序占位符
最新发布
08-06
uniApp是一款基于Vue.js的跨平台应用框架，它支持同时开发微信小程序、H5、App等项目。在uniApp中，占位符（placeholder）是一种常见的输入控件元素，如`<input>`标签内的属性，用于在输入框为空时显示提示信息。当...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值