The Spectre Forms provide the most common control component used in regular forms. In this article, we will discuss the form select. The form select is an important component that is required to get the option from the user as usual.
Forms Form Select Class:
- form-select: This class is used to place the dropdown select option on user interface for the user.
Syntax:
<select class="form-radio"><select>
Below example illustrate the Spectre Forms Form Select:
Example:
HTML
<!DOCTYPE html> <html>
<head>
<link rel="stylesheet"
href=
<link rel="stylesheet"
href=
<link rel="stylesheet"
href=
</head>
<body>
<center>
<h1 class="text-success">GeeksforGeeks</h1>
<strong>SPECTRE Forms Form Select Class</strong>
<br>
</center>
<div class="form-group">
<label class="form-label">
Name
</label>
<input class="form-input" placeholder="Please type your name">
<label class="form-label">
Mail Id
</label>
<input class="form-input" placeholder="Your Mail Id">
<br>
<select class="form-select">
<option>Choose Course</option>
<option>Front-End Development</option>
<option>Back-End Development</option>
<option>Full-stack Development</option>
</select>
<br>
<br>
<center>
<button class="btn btn-success">
LogIn
</button>
<button class="btn btn-error">
Sign Up
</button>
</center>
</div>
</body>
</html>
|
Output:
Reference: https://picturepan2.github.io/spectre/elements/forms.html#forms-select