select 说明

1. <optgroup> 选项分组

   <optgroup> 定义为选项进行分组说明，无功能性作用：

   <form><br/> <select name=""> <optgroup label="华北"> <option value="beijing" selected>北京</option> <option value="tianjin">天津</option> <option value="hebei">河北</option> </optgroup> <optgroup label="华南"> <option value="shanghai">上海</option> <option value="shenzhen">深圳</option> <option value="guangzhou">广州</option> </optgroup> </select> </form>
2. <option> 选项

   <option> 定义下拉选中的每一项：

   语法与结构：<option value="shanghai" selected>上海</option>

   • value:表单提交项的值
   • selected:设置默认的选中项
3. multiple 与 size 多选项

   <multiple> 定义select为多选，非下拉形式，直接将select内的option渲染在页面中：

   <form> <select name="" multiple> <option value="0">选项一</option> <option value="1">选项二</option> </select> </form>

   样式：

   选项一 选项二 选项三

   size：规定了，option渲染的个数，不设置全部渲染

   <form> <select name="" multiple size=3> <option value="0">选项一</option> <option value="1">选项二</option> <option value="2">选项三</option> <option value="3">选项四</option> </select> </form>

   样式：

   选项一 选项二 选项三 选项四

   提示：windows操作系统按ctrl加鼠标多选，Mac 按command 多选；或长按鼠标左键选中