登录  /  注册
首页 > web前端 > js教程 > 正文

操作search组件在键盘显示

php中世界最好的语言
发布： 2018-04-16 11:14:11
原创
1558人浏览过

这次给大家带来操作search组件在键盘显示，操作search组件在键盘显示的注意事项有哪些，下面就是实战案例，一起来看一下。

代码如下所示：

登录后复制
登录后复制



 
 

  
  



 
 
 




	解决办法：



	mint-ui的search组件input默认也是type="search"类型的，但是还需要在外层包一组form标签，并且带有action,就会在键盘中出现搜索按钮。



	如上是方法一：



	在手机键盘点击搜索的时候，页面会刷新，所以给form加一个target，target规定在何处打开 action URL，再放入一个隐藏的iframe,起名为form的target的值，这样则在当前页面展示出搜索的内容



	如下是方法二：


登录后复制
登录后复制



  
   

   
   



   
  




	这里直接给onsubmit事件写入return false，禁止提交，则搜索列表页也可以在当前页面展示。


相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！


推荐阅读：


以上就是操作search组件在键盘显示的详细内容，更多请关注php中文网其它相关文章！
                   
                

                            

    
            
            

                

                    
                    

                        
智能AI问答

                        
PHP中文网智能助手能迅速回答你的编程问题，提供实时的代码和解决方案，帮助你解决各种难题。不仅如此，它还能提供编程资源和学习指导，帮助你快速提升编程技能。无论你是初学者还是专业人士，AI智能助手都能成为你的可靠助手，助力你在编程领域取得更大的成就。

                    

                

                

                    我要提问
                

            

						

            
			

			            

                                

                    相关标签：
                    

                        php 事件 input ui                    

                

                                
来源：php中文网

                            



            

                
                                            
                        收藏
                                    

                
                                            
                        点赞
                                    
            




            

                                    
                        上一篇：使用ES6中Class类的静态方法
                    
                                    
                        下一篇：BootStrap的文本编辑器组件Summernote使用详解
                    
                            

            

                
                
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

            


                        

                
作者最新文章

                
            

            

                
最新问题

                

                                        

                        

                            父窗口没有输出
                            document.onclick = function(){	window.opener.document.write('我是子窗口的输出');  &nb...
                            

                                

                                    P粉722478067来自于2024-04-18 23:52:34
                                

                                

                                      0
                                    0
                                    24
                                

                            

                        

                    

                    

                                        

                        

                            关于CSS思维导图的课件在哪？
                            课件
                            

                                

                                    凡人来自于2024-04-16 10:10:18
                                

                                

                                      0
                                    0
                                    116
                                

                            

                        

                    

                    

                                        

                        

                            PX自动转换为REM错误
                             <style>html {   font-size: calc(100vw / 3.75);      }...
                            

                                

                                    凡人来自于2024-04-16 09:34:16
                                

                                

                                      0
                                    0
                                    570
                                

                            

                        

                    

                    

                                        

                        

                            PHP数组从URL参数中获取的行为不如预期
                            我有一个包含类别ID的URL参数，我想将其视为一个数组，如下所示：http://example.com?cat[]=3,9,13在PHP中，我使用它从URL参数获取数组：$catI...
                            

                                

                                    P粉785905797来自于2024-04-06 22:09:02
                                

                                

                                      0
                                    1
                                    422
                                

                            

                        

                    

                    

                                        

                        

                            通过添加 Width 属性将内容向左移动
                            我已经为主体提供了边距。主要{左边缘：200px;右边距：200px；文本对齐：居中}由于我想以两行而不是一行显示文本，因此我在样式中添加了width属性。.p{字体大小：12px...
                            

                                

                                    P粉738046172来自于2024-04-06 22:01:35
                                

                                

                                      0
                                    2
                                    308
                                

                            

                        

                    

                    

                                        

                        

                            我应该在 apache 中哪里放置 CustomLog 指令
                            我正在使用php:7.2-apachedocker。我需要禁用运行状况检查url登录访问日志。基于此链接，他们提到了有关修改Customlog指令的信息。我不是关于需要更改Cust...
                            

                                

                                    P粉573809727来自于2024-04-06 22:03:59
                                

                                

                                      0
                                    1
                                    439
                                

                            

                        

                    

                    

                                        

                        

                            返回值中变量的格式是什么？
                            我是php的新学习者。我发现有一段代码：if($x<time()){return[false,'error'];}逻辑或变量并不重要，但我不明白[false,'error']...
                            

                                

                                    P粉757556355来自于2024-04-06 21:55:20
                                

                                

                                      0
                                    1
                                    263
                                

                            

                        

                    

                    

                                        

                        

                            页面突然无法拉动 css 或 bootstrap
                            所以我正在开发一个页面，我昨天做了一部分，效果很好，今天我继续做剩下的部分，一切都很好。当我尝试将其作为普通html页面打开时，CSS或BOOTSTRAP不起作用，仅显示页面文本，...
                            

                                

                                    P粉771233336来自于2024-04-06 21:58:04
                                

                                

                                      0
                                    1
                                    355
                                

                            

                        

                    

                    

                                        

                        

                            如何在 React 中的排序方法上触发渲染（带有过滤器和分页）？
                            这是我的Sort.js样式组件：<SortWrapper><SortText>SortBy</SortText><SortSelecton...
                            

                                

                                    P粉970736384来自于2024-04-06 21:28:37
                                

                                

                                      0
                                    1
                                    1859
                                

                            

                        

                    

                    

                                        

                        

                            将将类的私有成员设置为构造函数参数
                            classFoo{#one#two#three#four#five#six#seven#eight#nine#ten#eleven#twelve#thirteen#fourteen...
                            

                                

                                    P粉761718546来自于2024-04-06 21:48:47
                                

                                

                                      0
                                    1
                                    258
                                

                            

                        

                    

                    

                                    

            

            

                

                    
相关专题

                    更多>
                    
                

                

                    
                

            



        

    

    

	            

        
        
        

		        

            
热门推荐

            

                
            

        

        

            
        

		

                    
        		
		


        

            

                
热门教程

                更多>
                
            

            

                

                    
相关推荐 

                    
热门推荐

                    
最新课程

                

                
                
                
            

            
        

		        

         

		        

            

                
最新下载

                更多>
                
            

                        
            

                

                    
网站特效 

                    
网站源码

                    
网站素材

                    
前端模板

                

                
                
                
                
            

            
        

    







    

        

            

                

                    

                        关于我们
                        免责申明
                        意见反馈
                        讲师合作
                        广告合作
                        
                        最新更新
                                                

                    

                    
php中文网：公益在线php培训，帮助PHP学习者快速成长！

                    

                      
                        关注服务号
                        
                      
                        
                        技术交流群
                        
                      
                        

                    

                

                

                
app下载

                
              

            

            

                

                    
                    

                        
PHP中文网订阅号

                        
每天精选资源文章推送

                    

                

                

                    
                    

                        
PHP中文网APP

                        
随时随地碎片化学习

                    

                

                

                    
                    

                        
PHP中文网抖音号

                        
发现有趣的

                    

                

            

        

    

    

        
Copyright 2014-2024 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

    



































    
  • 
        
    
            
    
                
                    
                    
    精品班
    
                    
            
    
        
    
    
    • 
    
  • 
        
    
            
    
                
                    
                    
    技术支持
    
                    
            
    
        
    
    
    • 
    
  • 
        
    
            
    
                
                    
                    
    技术咨询
    
                    
            
    
            
        
    
    
    • 
    
  • 
        
    
            
    
                
                    
                    
    学习群
    
                    
            
    
        
    
    
    • 
    
  • 
        
    
            
    
                
                    
                    
    会员优惠
    
                    
            
    
        
    
    
    • 
    
  • 
        
    
            
    
                
                    
                    
    返回顶部
    
                    
            
    
        
    
    
    •