1、第一步,双击打开HBuilder编辑工具,新建静态页面groupSelect.html,如下图所示:
2、第二步,在<body></body>标签元素里插入一个下拉框select,然后使用optgroup进行分组,如下图所示:
3、第三步,保存代码并预览该静态页面,可以查看到下拉框的效果,如下图所示:
4、第四步,点击下拉框展开选项,根据不同的分组展示不同的值,如下图所示:
5、第五步,再在下拉框分组下添加一个分组,根据强度来划分的,如下图所示:
6、第六步,再次保存代码并预览该静态页面,可以看到下拉框展示的效果,如下图所示: