Custom Dropdown Select Menu in HTML CSS & JavaScript

  Рет қаралды 111,764

CodingLab

CodingLab

Күн бұрын

Пікірлер: 40
@137smitaMAURYA
@137smitaMAURYA 11 ай бұрын
Thank you so much.Nice drop-down
@elieli2570
@elieli2570 2 жыл бұрын
This is helping me a lot, thank you so much!
@markopantovic1865
@markopantovic1865 Жыл бұрын
Awesome video mate. This video is very useful. Keep it up! Your content is amazing!
@mounir101
@mounir101 2 жыл бұрын
Your content is exceptional. Keep it up man.
@ismaelharijhon8299
@ismaelharijhon8299 10 ай бұрын
Thank you dude , it was very helpful
@j_u_d_y3041
@j_u_d_y3041 Жыл бұрын
The steps are clear and very easy to follow. Thank you so much for this lovely tutorial! 🤓
@Dendosha
@Dendosha 2 жыл бұрын
Creating dropdown select menu by this way we anymore can't use keyboard to focus on dropdown button or any option. We also can use button tag(with type="button") for dropdown button and radio inputs for our options. Because of this, we will have to change the JavaScript code (just use "change" event instead of "click" on options). UPD: I researched this question a little better. Using the button tag and radio inputs, we may encounter a conflict between the basic functionality and our. This means that in order to create a real custom drop down select menu, we have to recreate all the basic functionality using simple tags ("div" for example) and JavaScript. P.s. There may be some grammatical and syntactical mistakes due to my poor knowledge of English
@SHIFA-songs
@SHIFA-songs 7 ай бұрын
Good content and good video
@CodingLabYT
@CodingLabYT 7 ай бұрын
Thanks a million
@kennethaarellano2494
@kennethaarellano2494 2 жыл бұрын
Hey! Cool code, man! May I know how do you insert the selected value into the database? And what if you have multiple dropdown buttons. How to manipulate the javascript in that manner, specifically the addeventlistener? Thanks! :)
@monnamia1135
@monnamia1135 2 ай бұрын
thank you help full
@OfficialVideos482
@OfficialVideos482 2 жыл бұрын
Good one, but SELECT is form element so, this cannot be use as form Element otherwise this is Gorgeous.
@AnastasiaShakurskaya
@AnastasiaShakurskaya Жыл бұрын
good lesson
@BliitzPint
@BliitzPint 2 ай бұрын
Don't forget "user-select: none". It's weird to be able to select the text in it.
@arbazzaman5090
@arbazzaman5090 Жыл бұрын
how to fire on change event in it to get changed values ?
@zaurmammadov7903
@zaurmammadov7903 2 жыл бұрын
Love your content
@anfas184
@anfas184 10 ай бұрын
how do we bring this value to form submission ?
@funnypower254
@funnypower254 2 жыл бұрын
Hello bro . We need from you to make a simple website like e-commerce using in it local storage and add delete products , add to cart , filter products , sign up and in with JavaScript and user , admin dashboard . Please please make this website
@CodingLabYT
@CodingLabYT 2 жыл бұрын
Okey... Stay tuned ❣️
@skgamer2.027
@skgamer2.027 2 жыл бұрын
Is working with database in php ?
@vasukalyan6704
@vasukalyan6704 Жыл бұрын
It's cool one, how to make that lists in alphabetical order
@himanshujain5861
@himanshujain5861 2 жыл бұрын
sir, i request you please explain your voice when you will create a project that explanation is very important for beginner sometime the code i do not understand please use your voice and explain it the code its does not matter how long video please sir do it and think it. thank you
@himanshujain5861
@himanshujain5861 2 жыл бұрын
my English is not good i think you understand what am i trying to say you.
@CodingLabYT
@CodingLabYT 2 жыл бұрын
Noted, I will think about. For your code, please do check in the description
@gudangbmnpalu5494
@gudangbmnpalu5494 2 жыл бұрын
nice bro
@_chris_6786
@_chris_6786 Жыл бұрын
Thank you
@sutter-
@sutter- 2 жыл бұрын
thanks
@nataoliveira2247
@nataoliveira2247 2 жыл бұрын
Did you just change tabs to copy one single letter, lmao
@nahtornarunphu741
@nahtornarunphu741 2 жыл бұрын
awesome
@ft.abhixyz
@ft.abhixyz 2 жыл бұрын
Bro source code plz
@oskarniziol420
@oskarniziol420 2 жыл бұрын
Frist
@CodingLabYT
@CodingLabYT 2 жыл бұрын
Thank you 💖
@moviesever8416
@moviesever8416 2 жыл бұрын
I am second
@CodingLabYT
@CodingLabYT 2 жыл бұрын
Thankyou ❣️
@moviesever8416
@moviesever8416 2 жыл бұрын
actually i am working on my final year project i am a graduate student with bachelor degree of information technology
@codelivewithme
@codelivewithme Жыл бұрын
i disliked video due to music but no explination
@30arbaz32
@30arbaz32 2 жыл бұрын
💗💗
@Dominik-wj1ti
@Dominik-wj1ti 9 ай бұрын
xd
Custom select menu - CSS only
17:40
Kevin Powell
Рет қаралды 150 М.
Simple Dropdown Menu Using HTML & CSS - EASY TUTORIAL
9:41
Devression
Рет қаралды 65 М.
“Don’t stop the chances.”
00:44
ISSEI / いっせい
Рет қаралды 62 МЛН
Build a DROPDOWN MENU with REACT.JS and TAILWIND CSS 2023
16:35
Universe Code
Рет қаралды 55 М.
How to create Responsive Accordion in HTML CSS & JavaScript
18:38
How To Create Advanced CSS Dropdown Menus
16:09
Web Dev Simplified
Рет қаралды 488 М.
Finally, Customizing Select Menus EASILY! - Future Dev
17:20
DesignCourse
Рет қаралды 29 М.
Началось! Обвал цен на немецкую тройку в Китае.
15:02
Style Select Element Using Only CSS | Custom Select Box
6:08
Fabio Musanni - Programming Channel
Рет қаралды 65 М.
How to Make Responsive Profile Card in HTML & CSS
16:20
CodingLab
Рет қаралды 419 М.