<!DOCTYPE html>
<head>
</head>
<body>
<select name="food">
<!-- The following line makes a placeholder -->
<option value="" disabled selected hidden>select food</option>
<option value="apple">apple</option>
<option value="melon">melon</option>
</select>
</body> <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>// disabled hidden play as a role of placeholder, as select input dosn't have placeholder
<select name="monthname" required>
<option value="" selected disabled hidden>Select Month</option>
<option value="Jan">January</option>
<option value="Feb">February</option>
<option value="Mar">March</option>
<option value="Apr">April</option>
<option value="May">May</option>
<option value="Jun">June</option>
<option value="Jul">July</option>
<option value="Aug">August</option>
<option value="Sep">September</option>
<option value="Oct">October</option>
<option value="Nov">November</option>
<option value="Dec">December</option>
</select><option value="" selected disabled hidden>Select Here</option><option default>Select Your Beverage</option><select>
<option value="" disabled selected>Select your option</option>
<option value="hurr">Durr</option>
</select>