HTML

Example for select box |HTML|

Introduction

A select box, also known as a dropdown menu or a dropdown list, is a user interface element that allows users to choose from a list of options. It provides a convenient way to present a set of related choices in a compact format, saving space and making the selection process intuitive.

Code

    
     
        <html>
            <body>
                <h1>Favorite Fruit</h1>
                <form action="#" method="post">
                    Select the fruit:
                    <select name="fruit">
                        <option>Apple</option>
                        <option>Orange</option>
                        <option>Banana</option>
                        <option>Cherry</option>
                        <option>Dates</option>
                    </select><br>
                </form>
            </body>
            </html>

In this code snippet, we have a basic HTML structure. The <select> element creates the select box, and within it, we have several <option> elements. Each <option> represents a choice that the user can select.

Output

In this example

1. The <ul> tag defines the start of the unordered list.

2. Each <li> tag represents an item within the list.

3. The content inside each <li> tag is the text of the item.

Conclusion

In conclusion, the select box is a powerful tool in web development for presenting choices to users in a clear and organized manner. Whether you're building a simple form or a complex application, understanding how to use select boxes effectively can greatly improve the usability and accessibility of your website.

HTML