select的placeholder和分组效果
<!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>
效果:
作者:孟繁贵 Email:meng010387@126.com 期待共同进步!