قائمة منسدلة تُستخدم لاختيار خيار من بين عدة خيارات.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Inline CSS Select Example</title>
</head>
<body>
<form action="#" method="post" style="max-width: 400px; margin: 20px auto;">
<div style="margin-bottom: 15px;">
<label for="country" style="display: block; font-weight: bold; margin-bottom: 5px;">Choose a Country:</label>
<select id="country" name="country" style="width: 100%; padding: 8px; border: 1px solid #ccc; border-radius: 4px;">
<option value="usa">United States</option>
<option value="canada">Canada</option>
<option value="uk">United Kingdom</option>
<option value="australia">Australia</option>
</select>
</div>
</form>
</body>
</html>