- Instant help with your Html coding problems

Create drop down list in HTML

by Mike
Question:
How to create drop down list in HTML?
Answer:
    <select name="day">
      <option value="mon">Monday</option>
      <option value="tue">Tuesday</option>
      <option value="wed" selected>Wednesday</option>
      <option value="thu">Thursday</option>
      <option value="fri">Friday</option>
      <option value="sat">Saturday</option>
      <option value="sun">Sunday</option>
    </select>
Description:

The HTML <select> element represents a control that provides a list of options in a form of a drop-down list.

Each <option> element should have a value attribute containing the data value to submit to the server when that option is selected. If no value attribute is included, the value defaults to the text contained inside the element. You can include a selected attribute on an <option> element to make it selected by default when the page first loads.

Reference:
The select element reference
Share "How to create drop down list in HTML?"
Related snippets:
Tags:
html drop-down, drop-down list, html, drop down, list
Technical term:
Create drop down list in HTML
Trending snippets
Create mailto link with pre-populated contentSubmit HTML form to self pageLazy loading images in HTMLUse webP images in HTMLSet selected element in a drop down listCreate drop down list in HTMLLink to a section on the same pageSetup Facebook Open Graph Meta TagsCreate a mailto link in HTMLSetup Twitter Meta TagsCreate a link to call phone numberUse dns-prefetch to improve performanceImport CSS file into HTMLLimit characters in Textarea in HTML
Network articles
PHP form data into arrayCreate drop down list in HTMLSubmit HTML form to self pagePHP form tutorialFix the ReactDOM.render is no longer supported in React 18Solving the Uncaught SyntaxError: Cannot use import statement outside a moduleSolving the Error: unsupported class file major versionSolving the Error [ERR_REQUIRE_ESM]: require() of ES Module not supportedHow to run useEffect only once in ReactGenerate dynamic GUID for each request in PostmanRotate element with TailwindCSSHow to convert a Postman request to curlCreate a 20/80 grid with Tailwind CSSAccess child elements in TailwindCSSChange colors in VS Code integrated terminalRemove trailing spaces in VS CodeSelect year from a Unix timestamp in MySQLRemove protocol from URL with JavaScriptConvert string to snake case in JavaScriptGet the absolute value of a number in JavaScript