当前位置: 首页 > news >正文

input实现在移动端软键盘中显示“搜索”案件的注意事项

1.input需要被包裹在from表单中;

2.input的type类型为search;

3.点击按钮的触发事件为 @keydown.enter = "相应函数";

4.form表单的action为 action = “javascript:return true”;目的为了防止页面跳转(为空时,会加载一下);

扩充:

1.重写后面的小×样式

input[type=search]::-webkit-search-cancel-button{

        -webkit-appearance: none;//此处只是去掉默认的小×

}

更多详见:https://blog.csdn.net/xxxxxMiss/article/details/51534626

2.实现输入框有数据时显示小“x”,无数据时隐藏小“x”

直接使用  v-if = “存储输入框数据的变量"

相关文章:

  • export, import 的用法详解
  • vue中ref的作用及用法
  • Vue中数据缓存localStroage
  • keep-alive实现数据缓存
  • keep-alive的使用
  • Vue项目中文件路径的引用问题
  • e.preventDefault()与e.stopPropagation()的区别
  • es6数组方法find()、findIndex()与filter()的总结
  • js数组对象(1个数组) 判断 | 两个属性值相同时,另外某个属性值相加
  • js数组对象去重(4种方法)
  • js数组对象 判断两个属性值相同时另外某个属性值相加后,再进行 去重 (项目实战提取!!!)
  • Vue2.0 $set()的正确使用详解
  • Vue的三个点es6知识,扩展运算符
  • js中forEach()和map()的区别和理解
  • VUE中watch的详细用法
  • [译]如何构建服务器端web组件,为何要构建?
  • 《Javascript数据结构和算法》笔记-「字典和散列表」
  • angular2开源库收集
  • JS数组方法汇总
  • Linux CTF 逆向入门
  • php ci框架整合银盛支付
  • spring cloud gateway 源码解析(4)跨域问题处理
  • 阿里云购买磁盘后挂载
  • 初识 webpack
  • - 概述 - 《设计模式(极简c++版)》
  • 更好理解的面向对象的Javascript 1 —— 动态类型和多态
  • 如何打造100亿SDK累计覆盖量的大数据系统
  • 如何实现 font-size 的响应式
  • 入职第二天:使用koa搭建node server是种怎样的体验
  • 通过npm或yarn自动生成vue组件
  • 王永庆:技术创新改变教育未来
  • 我是如何设计 Upload 上传组件的
  • 原生Ajax
  • Android开发者必备:推荐一款助力开发的开源APP
  • 说说我为什么看好Spring Cloud Alibaba
  • 通过调用文摘列表API获取文摘
  • ​520就是要宠粉,你的心头书我买单
  • ​LeetCode解法汇总2182. 构造限制重复的字符串
  • #13 yum、编译安装与sed命令的使用
  • #NOIP 2014# day.1 T3 飞扬的小鸟 bird
  • (11)工业界推荐系统-小红书推荐场景及内部实践【粗排三塔模型】
  • (Bean工厂的后处理器入门)学习Spring的第七天
  • (Repost) Getting Genode with TrustZone on the i.MX
  • (多级缓存)缓存同步
  • (二)基于wpr_simulation 的Ros机器人运动控制,gazebo仿真
  • (六) ES6 新特性 —— 迭代器(iterator)
  • (六)库存超卖案例实战——使用mysql分布式锁解决“超卖”问题
  • (区间dp) (经典例题) 石子合并
  • (十八)SpringBoot之发送QQ邮件
  • (四)TensorRT | 基于 GPU 端的 Python 推理
  • (一)认识微服务
  • .net core MVC 通过 Filters 过滤器拦截请求及响应内容
  • .NET Core6.0 MVC+layui+SqlSugar 简单增删改查
  • .NET/C# 中你可以在代码中写多个 Main 函数,然后按需要随时切换
  • .NET和.COM和.CN域名区别