Html5新标签datalist相干用途介绍-

HTML5新增的标签datalist实现输入中文拼音首字母时，主动进入数据库依稀查询，并返回响应的效果，生成datalist，因为在输入框中的输入内容产生变化时，datalist会主动触发下拉框，解决方案非常好，下面通过本文给大家分享实例代码，需要的的伴侣参照 下吧 HTML5新增的标签datalist实现输入中文/拼音首字母时，主动进入数据库依稀查询，并返回响应的效果，生成datalist，因为在输入框中的输入内容产生变化时，datalist会主动触发下拉框，解决方案非常好，下面通过本文给大家分享实例代码，需要的的伴侣参照 下吧

比来项目中波及到一个小功能，客户在选中供应商时，因为供应商数量较多（大约3000个摆布），因而直接生成下拉框显然不实际，所以就改换解决方案，打算借助HTML5新增的标签datalist来实现输入中文/拼音首字母时，主动进入数据库依稀查询，并返回响应的效果，生成datalist，因为在输入框中的输入内容产生变化时，datalist会主动触发下拉框，所以运用起来比select更便利。前端局部代码如下：

Html Code：

  
  
    
      
      
      
      
      
      
    
    
    



    

    
打赏
    

    

    	
        
    	

    		
感谢您的支持，我会继续努力的!
    	
    	

    		
    	
    		
扫码打赏，你说多少就多少
    	

    		

	    		
	    		
    		
    		

	    		
	    		
    		
    	
    	

    		
打开支付宝扫一扫，即可进行扫码打赏哦
    		
百分百源码网 建议打赏1～10元，土豪随意，感谢您的阅读！