HomeОбразованиеRelated VideosMore From: Quentin Watt Tutorials

HTML5 and CSS3 beginners tutorial 46 - select lists

361 ratings | 38912 views
In this tutorial I introduce you to select lists and explain how you can use them on your website. Tags: ----------------------------------------------------------------------------------------------- Select, Lists,forms,form elements,Javascript,How select lists work?,Drop down lists,naming elements,why should elements have a name,name attribute,attributes,HTML5,CSS3,hyper text markup language,cascading style sheets,tutorial,how to,web design ----------------------------------------------------------------------------------------------- . Follow me on Facebook: www.facebook.com/quentin.watt Follow me on Twitter: www.twitter.com/QuentinWatt Don't forget to subscribe: www.youtube.com/QuentinWatt Donate on PayPal: https://www.paypal.com/cgi-bin/webscr?cmd=_s- xclick&hosted_button_id=DM496T7CTUYAS Donate on PayPal: https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=DM496T7CTUYAS
Html code for embedding videos on your blog
Text Comments (33)
ashok reddy (1 year ago)
Hi Quinton u r videos are amazing. In this video i have small doubt, what should i do if i want to show my drop down list in sort order.
Mark Osborn (1 year ago)
This is the same thing as listpicker, or spinner in MIT App Inventor2.
sunil Bhatraju (1 year ago)
excellent as always
BigHead FPV (2 years ago)
trying to be as fast as you can.....sigh
Sudhindra Pai (2 years ago)
Hi Quentin, I am a web developer, whenever I have doubt in basics in HTML and Javascript I will watch your tutorials and I suggest my teammates watch your video, you are THE best lecturer.
M G (2 years ago)
Hi. Thanks for all your efforts. I just need an "automatic" way to reorganize the items in the option tags alphabetically without doing it manually. How? Thnx again
Debarshi Roy (2 years ago)
Hi, How to style a <select> dropdown with CSS only without JavaScript?
Cheesehead (2 years ago)
I'll order a piss pizza to go
ziiip (2 years ago)
:D
Bojana M. (2 years ago)
Hello :) I'm learning with you... but now i got a task and i have a problem... Can you help me?
Bojana M. yes darling I can.....what kinda help do you need????
Chantelle Horisberger (3 years ago)
Ctrl + F5 forces a refresh - easier than closing and re-opening the browser each time ;)
Shamsun Nahar (3 years ago)
Many thanks.
Camel (3 years ago)
Please help me i ran out of peabuts :'(
Hey Quentin, I like watching your tutorials, very easy-to-understand. Just wanted to let you know that if I run it on chrome with multiple size="3", it actually shows 4 instead of 3 lists. Could be useful for Chrome users.
Navid Fotovaty (3 years ago)
Hey Quentin I am not sure if you still check these or no, i have asked some questions in the past tutorials a well, any how. Do you know why the optgroup is not working in chrome? is this a browser related issue?
J Sen (3 years ago)
+Navid Fotovaty You may have received an answer by now but I am using Chrome Version 48.0.2564.103 (64-bit) and I was able to use the <optgroup> element without any issues. Maybe recheck your code????
Tom Moran (4 years ago)
Still doing well with the expert.  Can you see that I am a rookie  on 4 wheels.
Tom Moran (4 years ago)
I delivered trucks that were 26 wheels on the ground.
Quentin Watt Tutorials (4 years ago)
+Tom Moran hehe from your display picture, I would say you're on 18 wheels. :p
Josh Leon (4 years ago)
All these Tutorials are superb. best of luck
Anne Gallagher (4 years ago)
Fantastic. Thanks. So good.
Werner (4 years ago)
I am enjoying your videos all the way here from Scotland...you have a great way to show it all..busy doing html5 and ccs3
Luke Fuller (4 years ago)
I'm having a little trouble with the size attribute in Chrome. It won't let me put the size to something smaller than 4, however it works with larger numbers. Is there any reason that it wouldn't work with Chrome?
Luke Fuller (4 years ago)
+Quentin Watt Hm, that's odd.
Quentin Watt Tutorials (4 years ago)
No it should work. That's really weird.
Ralphunreal (4 years ago)
How come selected needed to be equal to selected? 
Quentin Watt Tutorials (4 years ago)
You could type "selected" only. That will work too. It's just to set which option you want to be selected by default.
Icey Junior (4 years ago)
Can I use space in the name ?
Quentin Watt Tutorials (4 years ago)
No. Use camel caps or underscores.
EYEBALLS7000 (4 years ago)
Sweet Legend of Kora Background!
Quentin Watt Tutorials (4 years ago)
+luke bletterman Korra is Legend. Pun intended
jackendy cherenfant (4 years ago)
Thank you you definately a good teacher and developer!

Would you like to comment?

Join YouTube for a free account, or sign in if you are already a member.