既可以输入也可以下拉选择的文本框-CSDN博客

这个效果在HTML5之前，需要模拟实现。

现在HTML5直接提供了这样的功能，代码实例如下:

 
       <!doctype html> 
      
 
       < 
       html 
       > 
      
 
       < 
       head 
       > 
      
 
       < 
       meta 
       charset 
       = 
       "utf-8" 
       > 
      
 
       < 
       meta 
       name 
       = 
       "author" 
       content 
       = 
       "http://www.softwhy.com/" 
       /> 
      
 
       < 
       title 
       >蚂蚁部落</ 
       title 
       > 
      
 
       </ 
       head 
       > 
      
 
       < 
       body 
       > 
      
 
          
       < 
       input 
       list 
       = 
       "ant" 
       /> 
      
 
          
       < 
       datalist 
       id 
       = 
       "ant" 
       > 
      
 
            
       < 
       option 
       value 
       = 
       "蚂蚁部落一" 
       > 
      
 
            
       < 
       option 
       value 
       = 
       "蚂蚁部落二" 
       > 
      
 
            
       < 
       option 
       value 
       = 
       "蚂蚁部落三" 
       > 
      
 
          
       </ 
       datalist 
       > 
      
 
       </ 
       body 
       > 
      
 
       </ 
       html 
       > 
      