<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>select的placeholder和分组效果</title>
</head>
<body>
<select>
<!--placeholder 效果-->
<option value="" disabled selected>Select your option</option>
<!--分组效果-->
<optgroup label='小学'>
<option value='5'> 1年级</option>
<option value='6'> 2年级</option>
<option value='7'> 3年级</option>
<option value='8'> 4年级</option>
<option value='9'> 5年级</option>
<option value='10'> 6年级</option>
</optgroup>
</select>
</body>
</html>
效果:
更多专业前端知识,请上 【猿2048】www.mk2048.com