微信小程序——input 中 confirm-type 属性的使用

最新推荐文章于 2024-08-15 23:03:45 发布
最新推荐文章于 2024-08-15 23:03:45 发布
阅读量1.4k 收藏 2
点赞数 1
分类专栏： 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43201350/article/details/118882931
版权
"这篇博客讨论了在 Android 系统中，使用 HTML 的 `input` 标签的 `confirm-type="search"` 属性时，如何影响手机软键盘的显示。特别指出部分安卓系统输入法和第三方输入法可能不支持或不完全支持这一特性，导致‘搜索’键可能无法正常显示或工作。"
摘要由CSDN通过智能技术生成

confirm-type的最终表现与手机输入法本身的实现有关，部分安卓系统输入法和第三方输入法可能不支持或不完全支持

<input type="text"
confirm-type="search" />

当设置为“search” 时， 手机软键盘就会出现“搜索”2个字

在这里插入图片描述

dbt@L
关注
专栏目录
mpvue 微信小程序input点击键盘 搜索 触发confirm事件
唯一的切慕，唯一的诗歌……
05-07 1万+
template部分 键盘为搜索 input 需设置 confirm-type=”search”，完成、前往、发送，去官网看，小程序官方input介绍网址 &lt;input confirm-type="search" v-model="keyword" placeholder="你想去哪？" @confirm="confirm($event)"&gt; methods部分 // 小程序...
关于input 键盘右下方confirm-type=‘search‘ 点击事件【小程序】
qq_33247427的博客
05-26 861
bindconfirm='confirmTap' 用bindconfirm 示例 <input confirm-type='search' bindconfirm='confirmTap' placeholder="输入课本名称 出版社 年级" class='bookss-input'></input> confirmTap:function(){ console.log(event.detail.value); }, ...
微信小程序的四种弹窗使用
最新发布
weixin_73378557的博客
08-15 1809
总而言之，这四个能处理很少一部分弹窗效果 个人感觉，因为支持的方法太少了，前几天想找个支持照片跟文字的，尝试好久都不行，
小程序input使用confirm-type
秋来九月八
04-03 5472
微信小程序中的组件可以使用confirm-type属性来定义用户按下键盘右下角按钮（即软键盘的确认按钮）时的行为。
微信小程序点击软键盘搜索按钮（confirm-type=“search“）之后的取值
青衫折扇的博客
09-14 2476
<input name="search" type='text' confirm-type="search" bindconfirm="bindconfirm" focus='{{focus}}' bindinput='bindinput' ></input> // 点击键盘上的搜索 bindconfirm:function(e){ var that=this; var discountName=e.detail.value['search - inpu.
uni小程序的input confirm-type功能
此行必胜，你我顶峰相见
11-11 6814
在小程序开发中总是会遇到各种各样的按钮,比如下面的发送按钮 这个在官方api中是有文档的 confirm-type的一些有效值如下 input组件将 confirm-type属性设为上表中的一个对应的值，在图一红色的地方就会出现对应的说明的按钮值。 比如设为done，那么红框那个按键就会变为‘完成’，其他类似。 案例: <input class="ser-input" v-model="searchTitle" confirm-type="search" bindconfirm="searchPr
mpvue 微信小程序input点击键盘完成或搜索按钮 触发confirm事件
豆。的博客
09-12 2647
添加属性confirm-type=“search” 键盘回车键完成变成搜索 添加属性@confirm=“searchClick()” 点击回车键（完成或搜索）时触发confirm事件 小程序官方input介绍网址 //template部分 <input v-model="inputSearch" placeholder="请输入关键词" placeholder-style="c...
小程序中的confirm-type设置键盘的确认按钮
weixin_64103049的博客
11-30 3283
小程序中的confirm-type设置键盘的确认按钮
微信小程序——个人相册（前端）
weixin_55245556的博客
06-21 1852
提供了一个简单易用的相册功能。用户可以方便地上传照片、创建相册、查看照片信息等等。其次，我采用了适当的设计和布局，使得小程序界面美观而且用户友好。我尽量减少了复杂的操作流程，让用户能够轻松地浏览和管理他们的照片。同时，我也在界面上保持了一定的一致性，使得用户可以很快熟悉和掌握小程序的使用方式。然而，也存在一些需要改进的地方。首先，我认识到在小程序的功能方面还有一些局限性。
微信小程序——纯前端操作列表项搜索
月来better
06-24 667
index.wxml <view class="container"> <!-- 搜索框部分 --> <view class='search'> <input type='text' placeholder='请输入搜索名' confirm-type='search' bindinput='inputSiteName'></input> </view> <!-- 列表展示部分 --> &..
微信小程序——自定义键盘：自定义组件和父组件通过事件进行属性同步
semoon的博客
03-19 3735
微信小程序——自定义键盘：自定义组件和父组件通过事件进行属性同步 自定义组件触发事件时，需要在自定义组件中使用 triggerEvent 方法，指定事件名、detail对象和事件选项： 在对组件进行封装时 在当前页面想要获取组件中的某一状态，需要使用到this.triggerEvent(’ ',{},{}),第一个参数是自定义事件名称，这个名称是在页面调用组件时bind的名称，第二个对象就可以将...
vue点击input弹出带搜索键盘并监听该元素的方法
10-18
今天小编就为大家分享一篇vue点击input弹出带搜索键盘并监听该元素的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
如何在微信小程序中实现具有@功能的输入框
flying meng的菜鸟居
03-08 1379
本文代码来源于笔者开源的组件库中的 atinput 组件。组件支持@功能，直接引入，方便开发。欢迎star！
微信小程序——事件备忘录
DavidGhul
07-11 3293
效果预览 <!--index.wxml--> <view class='page'> <view class='nav'> <view bindtap='click1' class='{{nav1}}'> <text>待办</text> </view> <view b...
微信小程序 input框进行双向绑定
怎奈你何的博客
03-09 2808
在微信小程序的规则中，input标签中的数据为单向绑定，无法像Vue框架中的v-model直接进行input的双向绑定。 下面有一种思路来解决双向绑定这个思路。 1、利用bindinput记录下input框中每次输入的值。 wxml代码： <input type="text" value="{{searchCode}}" confirm-type="search" bindconfirm="getSearchResult" bindblur="getSearchValue" bindinpu
mpvue 中input框 回车 触发 confirm事件
weixin_45112513的博客
05-23 2708
mpvue 中input框 回车 触发 confirm事件 在输入框 按下回车后，保存关键字，并放入本地存储 input绑定的confirm事件 <input v-model="keyword" @confirm="saveKeyword" @input="keywordSearch" placeholder="请输入关键字" /> 在data中声明的数据 data(){ ...
小程序 关于input 键盘右下方confirm-type='search' 点击事件
weixin_33958366的博客
03-14 3501
2019独角兽企业重金招聘Python工程师标准>>> ...
一些零碎的小知识
请问这块砖要搬到哪
03-28 861
1、navigateToMiniProgram:fail :target appId is the same as the caller appId" 微信小程序跳转其他小程序不可以自己跳自己 wx.navigateToMiniProgram({ appId:'wx571*********', path:'pages/lightsit/lightsit', extraData:{ ...
【bug】uniapp 小程序 input输入框不显示
lingjx1617的博客
10-14 5122
报错信息：Do not nest other components in the text component, as there may be display differences on different platforms.原因：text中不能嵌套组件，input放置在text中导致小程序中不能正常显示（网页端调试正常）
微信小程序Input控件深度解析与实战
在微信小程序开发中，`input`输入框控件是不可或缺的一部分，它用于接收用户输入的数据，常见于登录、注册、搜索等场景。本文将详细介绍如何使用`input`控件并提供多种示例。 在微信小程序的`wxml`文件中，`input`...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值