Search Bar with Auto-complete Search Suggestions using HTML CSS & JavaScript

Search Bar with Auto-complete Search Suggestions using HTML CSS & JavaScript

CodingNepal

3 года назад

189,195 Просмотров

Ссылки и html тэги не поддерживаются


Комментарии:

Dead Gamerz
Dead Gamerz - 09.11.2023 16:01

Can pls make a Tut on how to make the suggestions clickable pls ??? Btw your videos are very helpful ❤

Ответить
francis kouakou
francis kouakou - 30.10.2023 14:44

hi master, thank you so much for this tutorial. it very nice. but How to autoselect option depending on input's value(a dabase value)

Ответить
BigDotInc
BigDotInc - 06.07.2023 14:42

Is there any way to make it search the stuff people post for sale on my webpage ?

Ответить
Time4Coasters
Time4Coasters - 24.05.2023 21:31

I’m sorry but I did the same exact thing and it doesn’t work

Ответить
Clear Thinking
Clear Thinking - 04.03.2023 14:46

Hey, in general what is the 'preferred' approach? 1. Pushing the content below the suggestions gently down with css animations or 2. Putting the suggestions on top of the below content?

Ответить
Rushikesh Avachat
Rushikesh Avachat - 31.01.2023 10:21

CAN YOU ADD GOOGLE FUNCTIONALITY ON THIS PROJECT?

Ответить
Milo kids
Milo kids - 25.01.2023 10:48

It's nice..just the BG music is killing

Ответить
Sujan Gaming
Sujan Gaming - 23.01.2023 10:08

how we give href links to the li tag in js

Ответить
Infinty Lyf
Infinty Lyf - 14.01.2023 08:13

can i get source code

Ответить
Marvin Bernales
Marvin Bernales - 22.11.2022 10:46

thank you man

Ответить
Spyder S
Spyder S - 29.10.2022 19:18

J

Ответить
shivam dubey
shivam dubey - 23.10.2022 23:07

it would be better if rather than putting music you could explain it also

Ответить
UFC-Daveod
UFC-Daveod - 13.10.2022 11:52

Sir please add click each item has different link

Ответить
UFC-Daveod
UFC-Daveod - 11.10.2022 17:06

This video is what I expected, Thanks for the Video 😊😁

Ответить
Doni Setiawan
Doni Setiawan - 02.10.2022 13:00

I am very grateful, your tutorial is very helpful in my project :)

Ответить
Power Mindset Strength
Power Mindset Strength - 08.08.2022 17:09

THX!

Ответить
Hello Android
Hello Android - 29.07.2022 22:06

Thank you sir for this video it helps me a lot

Ответить
Monika Jaiswal
Monika Jaiswal - 19.07.2022 10:07

A couple of questions:
1. Instead of adding onclick event on li level, can I add on ul level to make it more performant?
2. How can I add the functionality of close the autocomplete list on click anywhere like it happens in a modal

Ответить
Borat Hossain
Borat Hossain - 18.07.2022 20:18

wow

Ответить
Fachriansyah Dwipangga
Fachriansyah Dwipangga - 11.07.2022 08:29

Thank u so much for the tutorial bro

Ответить
पंडित जी
पंडित जी - 07.07.2022 18:42

song name is ❓❔❓❓❔❔

Ответить
tunar memmedov
tunar memmedov - 18.06.2022 12:47

if we ad about 1000 search options we add single and single to li list? or we need other language to writing this?can 'u help me?

Ответить
Jeevan Reddy
Jeevan Reddy - 27.04.2022 14:11

one suggestion bro please do coding with explaination it will be helpful for us

Ответить
A.S.M. Towhid
A.S.M. Towhid - 18.04.2022 19:22

Thank you very much for your tutorial. Could you please suggest me, how may I add this search bar into WordPress?

Ответить
theboyofdream
theboyofdream - 02.04.2022 17:00

dhanyawaad dada🙏

Ответить
Chris
Chris - 25.03.2022 20:41

I have error in suggBox.innerHTML = listData ;
it say "Uncaught TypeError: Cannot set properties of null (setting 'innerHTML')"

Ответить
Russ Azzi Arnado
Russ Azzi Arnado - 10.03.2022 09:43

what about no match found? how do you implement that

Ответить
Ian Bates
Ian Bates - 27.01.2022 08:50

THANK-YOU! THIS WAS JUST WHAT I WAS LOOKING FOR! Please keep up the great tutorials!! Cheers!

Ответить
Jorge Guiragossian
Jorge Guiragossian - 23.01.2022 02:03

Hey man this is awesome!!! Just a quick question if you have time... how can I modify this so that the search bar filters through an array of objects instead of an array of strings?

Ответить
Ali ismail
Ali ismail - 20.01.2022 12:34

How can we add different links to each suggestion ?

Ответить
saurabh malwar
saurabh malwar - 13.01.2022 09:49

in place of suggessions can we use mysql database information???

Ответить
Ashok chhetri
Ashok chhetri - 04.01.2022 14:52

Really clean build,
Thanks for tutorial🙏
Sai xa video

Ответить
IbsterTech
IbsterTech - 21.12.2021 09:06

This video is exactly what I need for my small project but there is one problem. Instead of just searching those words on Google, I need them to represent specific links to other parts of my page. Spent hours on internet, yet nothing indicates how to do so.

Ответить
IbsterTech
IbsterTech - 21.12.2021 09:06

This video is exactly what I need for my small project but there is one problem. Instead of just searching those words on Google, I need them to represent specific links to other parts of my page. Spent hours on internet, yet nothing indicates how to do so.

Ответить
IbsterTech
IbsterTech - 21.12.2021 09:06

This video is exactly what I need for my project but there is one problem. Instead of just searching those words on Google, I need them to represent specific links to other parts of my page. Spent hours on internet, yet nothing indicates how to do so.

Ответить
BASO
BASO - 09.12.2021 12:10

is this tutorial includes the search filtering already?

Ответить
Shubham DAS
Shubham DAS - 25.11.2021 13:55

Thanks for your ..help sir...that helped me for my college project 😍

Ответить
Lunar Yorozuya
Lunar Yorozuya - 30.10.2021 20:46

very useful 3ks!

Ответить
Amal 😊
Amal 😊 - 27.10.2021 13:59

Anchor text plz

Ответить
Amal 😊
Amal 😊 - 27.10.2021 04:22

Bro make version 2 with search content with link

Ответить
HiThere
HiThere - 06.10.2021 13:28

Thank you!
But please use instrumental music, vocals are distracting

Ответить
palabras más
palabras más - 27.09.2021 21:45

How can I make what you put in the input take it to google ? And good video!

Ответить
Quang Trần
Quang Trần - 22.09.2021 17:30

Thanks for all,it is very a understand

Ответить
Suriyaa S
Suriyaa S - 12.09.2021 06:11

very helpful

Ответить
Gaming With Adnan
Gaming With Adnan - 08.09.2021 08:26

This is very helpful for me ....tnq ♥️♥️♥️♥️i am 14 😁

Ответить
Paul Jere
Paul Jere - 06.09.2021 17:44

thank you so much

Ответить