placeholder for select css code example
Example 1: placeholder select html
<!DOCTYPE html>
<head>
</head>
<body>
<select name="food">
<option value="" disabled selected hidden>select food</option>
<option value="apple">apple</option>
<option value="melon">melon</option>
</select>
</body>
Example 2: how do i make a placeholder for a 'select' box
<html>
<head>
</head>
<body>
<select required
<!-- The following line is the placeholder -->
<option value="" disabled selected hidden>Choose Gender...</option>
<option>Male</option>
<option>Female</option>
</select>
<body>
</html>