Semantic-UI Form HTML Select Content

Semantic UI is an open-source framework that uses CSS and jQuery to build great user interfaces. It is same as a bootstrap for use and has great different elements to use to make your website look more amazing. It uses a class to add CSS to the elements.

A form is the section of a document that contains a number of input fields such as text field, password, checkbox, etc. Semantic-UI form is used to create attractive forms using semantic-ui classes. It is very easy to design attractive forms.

The Semantic-UI Form HTML Select Content is used to display the list of elements in the select style option. It is used when JavaScript or ui dropdown option is not visible.

Semantic-UI Form HTML Select Content Used Element:

• <select>: This element is used to create an HTML select content.

Syntax:

<div class="field">
 <select>
 <option> ... </option>
 ...
 </select>
</div>

Example 1: In this example, we will describe the use of Semantic-UI Form HTML Select Content.

Output:

👁 Image

Example 2: In this example, we will describe the use of Semantic-UI Form HTML Select Content.

Output:

👁 Image

Reference: https://semantic-ui.com/collections/form.html#html-select