{"id":7068,"date":"2013-01-28T06:11:20","date_gmt":"2013-01-28T06:11:20","guid":{"rendered":"http:\/\/vskills.in\/certification\/tutorial\/?p=7068"},"modified":"2024-04-12T14:13:37","modified_gmt":"2024-04-12T08:43:37","slug":"select-menu-control-2","status":"publish","type":"page","link":"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/","title":{"rendered":"Select Menu Control"},"content":{"rendered":"

Select Menu Control<\/strong><\/h4>\n

It offers users to choose from a long list of options using drop down menu or select multiple choices from a box showing various choices usually with scroll bars. Select menus are lists that are compressed into one or more visible options.<\/p>\n

They may appear differently in different browser. They are also called drop-down menus, in which users pull down the menu to reveal additional options. It uses the <select> opening and closing tags to create a select menu in the web page. Different choices are given in the <select> tag and each choice is give in opening and closing <option> tag.<\/p>\n

It has two important attributes which are<\/p>\n

Multiple<\/strong> – If this attribute is set to a value of “multiple” then only a user is able to select multiple items from the menu else only single value is selected.<\/p>\n

Size<\/strong> \u2013 It takes an numeric value which specifies the number of options to display. A drop down menu is shown if it has a value of 1. If its value is less than the count of different options that much options is visible at a time with scroll bars appear for rest and if both values are same, just a box showing all options appear. Its default value is 1.<\/p>\n

Other attributes of this control are<\/p>\n

Name<\/strong>: This is the name for the control.<\/p>\n

Value<\/strong>: The value that is sent to the server if this option is selected.<\/p>\n

Selected<\/strong>: Specifies that this option should be initially selected value when web page loads.<\/p>\n

Label<\/strong>: An alternative way of labeling options.<\/p>\n\n\n\n\n\n
\n

HTML code<\/strong><\/p>\n<\/td>\n

\n

Browser output<\/strong><\/p>\n<\/td>\n<\/tr>\n<\/thead>\n

<form action=\u201c\/process.php\u201d method=\u201cget\u201d><\/p>\n

Size value bigger <br \/><\/p>\n

<select name=”Food1″ size=”6″><\/p>\n

<option value=”Pizza”>Pizza<\/option><\/p>\n

<option value=”Hotdog”>Hotdog<\/option><\/p>\n

<option value=”Noodle1″>Egg Noodle<\/option><\/p>\n

<option value=”Noodle2″>Veg Noodle<\/option><\/p>\n

<\/select><\/p>\n

<br \/> Same size value <br \/> and Option count <br \/><\/p>\n

<select name=”Food1″ size=”2″><\/p>\n

<option value=”Noodle1″>Egg Noodle<\/option><\/p>\n

<option value=”Noodle2″>Veg Noodle<\/option><\/p>\n

<\/select><\/p>\n

<br \/>Option count bigger <br \/> and Drop down menu<br \/><\/p>\n

<select name=”Food1″ size=”1″><\/p>\n

<option value=”Noodle1″>Egg Noodle<\/option><\/p>\n

<option value=”Noodle2″>Veg Noodle<\/option><\/p>\n

<option value=”Noodle1″>Hot Samosa<\/option><\/p>\n

<\/select><\/p>\n

<\/form><\/td>\n

\"Select<\/p>\n

\"Select<\/p>\n

\"Select<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Submenus<\/strong><\/p>\n

The <optgroup> tag divides long select menus into different categories as submenus within the same select menu. Label attribute of <optgroup> tag gives name of the submenu as shown<\/p>\n\n\n\n
\n

HTML code<\/strong><\/p>\n

<form action=\u201c\/process.php\u201d method=\u201cget\u201d><\/p>\n

Please choose food to order <br \/><\/p>\n

<select name=”FastFood”><\/p>\n

<optgroup label=”American”><\/p>\n

<option value=”Burger”>Burger<\/option><\/p>\n

<option value=”Hotdog”>HotDog<\/option><\/p>\n

<\/optgroup><\/p>\n

<optgroup label=”Indian”><\/p>\n

<option value=”Samosa”>Samosa<\/option><\/p>\n

<option value=”Kachori”>Kachori<\/option><\/p>\n

<\/optgroup><\/p>\n

<\/select><\/p>\n

<\/form><\/td>\n

\n

Browser output<\/strong><\/p>\n

\"Select<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\n

Apply for HTML5 Certification Now!!<\/h3>\n

http:\/\/www.vskills.in\/certification\/Certified-HTML5-Developer<\/a><\/p>\n

Back to Tutorial<\/strong><\/a><\/h4>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Select Menu Control It offers users to choose from a long list of options using drop down menu or select multiple choices from a box showing various choices usually with scroll bars. Select menus are lists that are compressed into one or more visible options. They may appear differently in different browser. They are also…<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[135],"tags":[6768,6767,2444,2574],"class_list":["post-7068","page","type-page","status-publish","hentry","category-html5-developer","tag-html5","tag-html5-developer","tag-html5-developer-certification","tag-select-menu-control"],"acf":[],"yoast_head":"\nSelect Menu Control - Tutorial<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Select Menu Control - Tutorial\" \/>\n<meta property=\"og:description\" content=\"Select Menu Control It offers users to choose from a long list of options using drop down menu or select multiple choices from a box showing various choices usually with scroll bars. Select menus are lists that are compressed into one or more visible options. They may appear differently in different browser. They are also...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Tutorial\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/vskills.in\/\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T08:43:37+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Select-Menu-Control.png\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/\",\"name\":\"Select Menu Control - Tutorial\",\"isPartOf\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/#primaryimage\"},\"thumbnailUrl\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Select-Menu-Control.png\",\"datePublished\":\"2013-01-28T06:11:20+00:00\",\"dateModified\":\"2024-04-12T08:43:37+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/#primaryimage\",\"url\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Select-Menu-Control.png\",\"contentUrl\":\"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Select-Menu-Control.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Select Menu Control\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#website\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"name\":\"Tutorial\",\"description\":\"Vskills - A initiative in elearning and certification\",\"publisher\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#organization\",\"name\":\"Vskills\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"contentUrl\":\"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg\",\"width\":73,\"height\":55,\"caption\":\"Vskills\"},\"image\":{\"@id\":\"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/vskills.in\/\",\"https:\/\/x.com\/vskills_in\",\"https:\/\/www.linkedin.com\/company-beta\/1371554\/\",\"https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw\"]}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Select Menu Control - Tutorial","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/","og_locale":"en_US","og_type":"article","og_title":"Select Menu Control - Tutorial","og_description":"Select Menu Control It offers users to choose from a long list of options using drop down menu or select multiple choices from a box showing various choices usually with scroll bars. Select menus are lists that are compressed into one or more visible options. They may appear differently in different browser. They are also...","og_url":"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/","og_site_name":"Tutorial","article_publisher":"https:\/\/www.facebook.com\/vskills.in\/","article_modified_time":"2024-04-12T08:43:37+00:00","og_image":[{"url":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Select-Menu-Control.png","type":"","width":"","height":""}],"twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/","name":"Select Menu Control - Tutorial","isPartOf":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/#primaryimage"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/#primaryimage"},"thumbnailUrl":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Select-Menu-Control.png","datePublished":"2013-01-28T06:11:20+00:00","dateModified":"2024-04-12T08:43:37+00:00","breadcrumb":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/#primaryimage","url":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Select-Menu-Control.png","contentUrl":"http:\/\/www.vskills.in\/lms\/wp-content\/uploads\/2016\/06\/Select-Menu-Control.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/select-menu-control-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.vskills.in\/certification\/tutorial\/"},{"@type":"ListItem","position":2,"name":"Select Menu Control"}]},{"@type":"WebSite","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#website","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","name":"Tutorial","description":"Vskills - A initiative in elearning and certification","publisher":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.vskills.in\/certification\/tutorial\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#organization","name":"Vskills","url":"https:\/\/www.vskills.in\/certification\/tutorial\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/","url":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","contentUrl":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-content\/uploads\/2017\/07\/vskills-min-logo.jpg","width":73,"height":55,"caption":"Vskills"},"image":{"@id":"https:\/\/www.vskills.in\/certification\/tutorial\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/vskills.in\/","https:\/\/x.com\/vskills_in","https:\/\/www.linkedin.com\/company-beta\/1371554\/","https:\/\/www.youtube.com\/channel\/UCMWnscxPwRF_PqXo9B7q_Tw"]}]}},"_links":{"self":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/7068","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/comments?post=7068"}],"version-history":[{"count":8,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/7068\/revisions"}],"predecessor-version":[{"id":126572,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/pages\/7068\/revisions\/126572"}],"wp:attachment":[{"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/media?parent=7068"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/categories?post=7068"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.vskills.in\/certification\/tutorial\/wp-json\/wp\/v2\/tags?post=7068"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}