<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>测试页面</title>
    <style>
      select {
        /* font-family: cursive; */
      }
    </style>
  </head>
  <body>
    <select id="pet-select" name="pet" multiple size="4">
    <option value="none" selected>-- 选择一项或多项 --</option>
    <optgroup label="宠物：哺乳动物">
      <option value="dog">狗</option>
      <option value="cat">猫</option>
      <option value="hamster" disabled>仓鼠</option>
    </optgroup>
    <optgroup label="宠物：鸟类">
      <option value="parrot">非洲鹦鹉</option>
      <option value="macaw">金刚鹦鹉</option>
      <option value="albatross">信天翁</option>
    </optgroup>
</select>
  </body>
</html>
