html select默认值设置

在HTML中，可以使用selected属性来设置select元素的默认值。在示例1中，为了将Professional选项设置为默认值，可以在对应的option标签上添加selected属性，如下所示：

<select name="plan" id="plan">
  <option value="free">Free</option>
  <option value="starter">Starter</option>
  <option value="professional" selected>Professional</option>
  <option value="corporate">Corporate</option>
</select>

在示例2中，除了使用selected属性之外，还可以使用hidden和disabled属性来设置类似“请选择选项”的消息。这样的选项在下拉框中会显示，但是无法被选中，如下所示：

<select name="plan" id="plan">
  <option value="none" selected disabled hidden>请选择选项</option>
  <option value="free">Free</option>
  <option value="starter">Starter</option>
  <option value="professional">Professional</option>
  <option value="corporate">Corporate</option>
</select>