CSS / How to / HTML / jQuery

How To: Create auto-complete using jquery and css

Share

Today I have tried to make auto-complete using jquery and css inspired by facebook. Auto-complete functionality can be used in filling e-mail ids or maybe story tags. The implementation is very easy.

.

Here is the DEMO

.

HTML

Copy the following html just inside body tag of html page.

Enter Name : 

Prashant
Arun
Sunny
Girish
Vikas
Raghubir
Sameer
John
Steve
Ember
Nichole
Tom

Jquery Code

Copy the following jquery code inside script tag or maybe external js file.


	
				
						
			


	You may also like...


	
		
		

			
				
											
																								
			

			
			
				
				
					7 Free HTML Admin Templates Including Back-End Management
				

			
			


		
	

		
		

			
				
											
																								
			

			
			
				
				
					How To : Grab CSS Selectors on a click Using jQuery
				

			
			


		
	

		
		

			
				
											
																								
			

			
			
				
				
					Versatile Chest of Programming with the OmniFoundation iOS Framework
				

			
			


		
	

		



			

	
	
					
			
		
		
		Leave a Reply
You must be logged in to post a comment.