Autocomplete Suggestions On Input Field

Autocomplete Suggestions On Input Field | HTML, CSS & Javascript

Рет қаралды 59,140

2 жыл бұрын

Create autocomplete suggestions on an input field using HTML, CSS and JS.
📁 Download Source Code :
www.codingartistweb.com
----------
⭐ Exciting coding quizzes on my website:
bit.ly/382LIs6
----------
Email:
mitali@codingartistweb.com
Instagram:
/ coding.artist
----------
🎵Music:
Track: Lisbon - Ason ID [Audio Library Release]
Music provided by Audio Library Plus
Watch: • Lisbon - Ason ID | Fre...
Free Download / Stream: alplus.io/lisbon

Пікірлер: 44

@CreativeTutorialsWeb 2 жыл бұрын

Always Great Project 👍 Love this one

@dilshodusmanov4053 2 жыл бұрын

Thanks for your codes help me improve my skills 🤓🤓

@supremecoding632 2 жыл бұрын

wow this is going to help me to create search bar

@khalidali-lm8mh Жыл бұрын

Hello! I want to ask something. How to add multiple suggestion values in the same text field. I created as yours but I want to add more than one suggestions in same text field. As of yours it stops suggesting after clicking on one suggestion. Kindly help I am very confused...Thanks

@EytheriaNoCopyrightMusic 2 жыл бұрын

really informative!

@xdominion330 Жыл бұрын

Hello coding artist, can you tell me how I ignore the li part and used suggested words from json file

@tanmaypalav9138 Жыл бұрын

Hey can we add link on this references like in html we have href links on which we click an jump on another page can we add those kindof things in js? And i know its a short notice but can you reply?

@RATANAGARWALITINFORMER 2 жыл бұрын

good topic

@renantibia92 Жыл бұрын

Que código simples e incrível!

@gordxrohit 2 жыл бұрын

Amazing😍🤩 Di 🔥🔥

@malshanmalindu3450 2 жыл бұрын

Please do a tutorial on how to "Auto goto form when file is chosen" like youtube uploading page... Please I am asking from you...😭😭

@___the___nobody__ Ай бұрын

You could have used

@daniyes6144 2 жыл бұрын

Very nice, new subscriber

@michaellesley2146 Жыл бұрын

Thank u, you are the best!

@CodingArtist Жыл бұрын

You're welcome!

@rafaelac.1643 2 жыл бұрын

thank youuu

@nikita1075 10 ай бұрын

Thankyou :)

@arreezy 9 ай бұрын

how to limit the number of suggestion ?

@alagappanthalapathy5593 2 жыл бұрын

Super 👍

@CodingArtist 2 жыл бұрын

Thank you 👍

@cocoyana 2 жыл бұрын

Does anyone have the issues of "ReferenceError displayNames is not defined"?

@CodingArtist 2 жыл бұрын

You can download the source code from my website if you are facing any issues with this project.

@mother_chucker12 Жыл бұрын

I know its late but, this can fix that issue... I'm facing the same issues as we are passing the function as a string: ('onclick', "displayNames('" + name.text + "')"); And then the displayNames functions shows a lint error as well because it is not used. Try this for a fix, instead of setAttribue use addEventListener on list item: listItem.addEventListener("click", () => displayNames(i));

@_webAmoeba 3 ай бұрын

@@mother_chucker12 так и думал, спасибо большое

@philanderedeleon2618 Жыл бұрын

Hi what app you are using to code?

@user-wr8rs4pu3h 11 ай бұрын

He is using Visual Studio Code.

@rachatou9412 2 жыл бұрын

Hello sir..I have problem that when I write the word "substr" it show in the code with line in the middle (I mean line is in the middle of the word substr)🤔 can you tell me why and how to fix it!!!!

@storm192100 2 жыл бұрын

yup, just write substring insead of substr and it will work

@rachatou9412 2 жыл бұрын

@@storm192100 thank you so much