input输入时软键盘回车显示搜索

很多时候我们会看到输入法里面回车是搜索等字眼,今天我们就来实现这个效果

原本的效果:

<form action="">
    <input type="search" value=‘搜索‘>
</form>  

只需要以上几行代码即可实现,不信?试试看吧

时间: 2024-10-10 02:44:16

input输入时软键盘回车显示搜索的相关文章

android 软键盘的显示与隐藏问题的研究

在android中,常常会和输入法的软件键盘交互.在Manifest文件中,系统给activity的一个属性-windowSoftInputMode来控制输入法的显示方式. 该属性提供了Activity的window与软键盘的window交互的方式.这里的属性设置有双方面的影响: 1.软键盘的显示与隐藏.-当Activity界面成为用户的焦点时,或隐藏或显示. 2. 对Activty的主window窗体进行调整.或者将Activity的window窗体调小以便为软键盘腾出空间,或者当Activi

input页面居中,软键盘覆盖input

input框位于底部 对于ios的软键盘遮盖input输入框问题,网上已经有了一些解决办法,无非就是改变布局,再加scroll.js插件实现滚动, input框位于顶部 这种情况不会出现问题, input居中+mui区域滚动, 此为巨坑,坑了我足足一天的时间, <div class="mui-scroll-wrappe"> <input /> </div> input居中且放于区域滚动中,获取焦点,软键盘遮盖iput,input输入值才把页面滚动上去

EditText获取和失去焦点,软键盘的关闭,和软键盘的显示和隐藏的监听

软键盘显示和隐藏的监听: 注: mReplayRelativeLayout是EditText的父布局 //监听软键盘是否显示或隐藏 mReplayRelativeLayout.getViewTreeObserver().addOnGlobalLayoutListener( new ViewTreeObserver.OnGlobalLayoutListener() { @Override public void onGlobalLayout() { Rect r = new Rect(); mRe

android系统中,点击EditText时,隐藏系统软键盘,显示光标

因为项目中要用自定义的随机键盘,所以必须得屏蔽系统软键盘,但是在4.0的测试系统来看,使用editText.setInputType(InputType.TYPE_NULL)方法固然能隐藏键盘,但是光标也会隐藏,所以无法使用. 3.0以下版本可以用editText.setInputType(InputType.TYPE_NULL)来实现.或者设置editText.setKeyListener(null)来实现.3.0以上版本除了调用隐藏方法setShowSoftInputOnFocus(fals

Android软键盘的显示隐藏

一.软键盘显示的原理     软件盘的本质是什么?软键盘其实是一个Dialog!     InputMethodService为我们的输入法创建了一个Dialog,并且将该Dialog的Window的某些参数(如Gravity)进行了设置,使之能够在底部或者全屏显示.当我们点击输入框时,系统对活动主窗口进行调整,从而为输入法腾出相应的空间,然后将该Dialog显示在底部,或者全屏显示. 二.活动主窗口调整     android定义了一个属性,名字为windowSoftInputMode, 用它

JS移动端如何监听软键盘回车事件

移动端经常项目中会有搜索之类的功能,一般实现的是按搜索按钮进行搜索,如果要像PC端一样实现按回车键进行搜索该怎么实现呢? 方法很简单,就是在搜索框的input外面套一个form标签  注意点:form标签一定得添加 action属性(可设置为空) <form action=""><input type="text" name="search" /></form> 移动端软键盘的回车会触发form的submit事

flex布局,input点击软键盘激活,底部按钮上移

安卓手机的问题,原本表单没有超出一屏的时候,上移的现象也是存才的,只是需要滑动body才能看得到,现在,超出一屏了,现象就很明显了 body明显上移: 点击input修改价格: 软键盘出现: 先尝试了这样的方法: http://blog.csdn.net/u010394015/article/details/72781377 给底部按钮position:relative 中间内容,其中是有滚动条,flex布局,container{height:100%;} 衍生: 点击input被键盘挡住 测试

禁止移动端input弹出软键盘

在做三级联动,或者一些时间插件的时候总是弹出软键盘,用下面的方法就可以禁用掉,废话不多说直接上代码. HTML代码 <div class=""> <div> <input type="text" id="disable1" class="" placeholder=""/> </div> <div> <input type="tex

input 输入速度和方向判断、搜索功能的延迟请求

1.input 输入速度和方向判断 var wxApp = {} wxApp.click = function (str,speed) { var lastInput = { d: "", flag: true, lastTime: 0, twoClickTime:300, init:function (str,speed) { return { isAdd: this.isAdd(str,speed), speedValid:this.two_click(speed) } }, is