HTML5: How to specify that an option should be pre-selected when the page loads?

Last update on August 19 2022 21:51:57 (UTC/GMT +8 hours)

Solution:

HTML Code:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>How to specify that an 
option should be pre-selected when 
the page loads</title>
</head>
<body>
<select>  
<option>Soccer</option>  
<option>Hockey</option>  
<option>Polo</option>  
<option>Golf</option>  
</select>  
</body>
</html>

Live Demo:

See the Pen option-selected-answer by w3resource (@w3resource) on CodePen.

See the solution in the browser

Supported browser