Select in Forms
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Select in Forms</title>
</head>
<body>
<form>
<div class="mb-3">
<select class="form-select">
<option selected>Choose your city</option>
<option value="1">Delhi</option>
<option value="2">hyd</option>
<option value="3">banglore</option>
</select>
</div>
<!-- SIZE CAN BE MANIPULATED -->
<div class="mb-3">
<select class="form-select-lg">
<option selected>choose</option>
<option value="1">water</option>
<option value="2">coke</option>
</select>
</div>
<div class="mb-3">
<select class="form-select-sm">
<option selected>scissors</option>
<option value="1">rock</option>
<option value="2">paper</option>
</select>
</div>
<!-- DISABLED -->
<div class="mb-3">
<select class="form-select" disabled>
<option selected>choose</option>
<option value="1">water</option>
<option value="2">coke</option>
</select>
</div>
</form>
</body>
</html>
Comments
Post a Comment