📜  HTML<optgroup>标签(1)

📅  最后修改于: 2023-12-03 15:15:44.050000             🧑  作者: Mango

HTML 标签

HTML 标签用于组合表单控件

语法

以下是HTML 标签的语法:

<select>
  <optgroup label="group1">
    <option value="option1">Option 1</option>
    <option value="option2">Option 2</option>
  </optgroup>
  <optgroup label="group2">
    <option value="option3">Option 3</option>
    <option value="option4">Option 4</option>
  </optgroup>
</select>
  • <select>元素为带有选项的下拉菜单创建一个控件。
  • <optgroup>元素定义组的标签和选项。
  • label 属性指定组的标签。
示例

下面是如何使用HTML 标签的示例:

<select id="options">
  <optgroup label="Fruits">
    <option value="apple">Apple</option>
    <option value="banana">Banana</option>
  </optgroup>
  <optgroup label="Vegetables">
    <option value="carrot">Carrot</option>
    <option value="cucumber">Cucumber</option>
  </optgroup>
</select>
总结

HTML 标签让表单更加清晰易懂。 它允许您将相关选项分组,并将它们显示在下拉菜单中。 如果您需要在表单中显示大量选项,那么使用标签可能会有所帮助。