HTML5下拉选项默认选中设置失败，求解决方案

你用required和default属性是找错方向了——required只是用来标记下拉框为必填项，而HTML里根本没有default这个标准属性，自然起不到作用。

设置下拉菜单默认选中的正确方式，是给目标<option>标签添加selected属性，示例如下：

<!-- 基础示例：默认选中第二个选项 -->
<select name="fruit">
  <option value="apple">苹果</option>
  <option value="banana" selected>香蕉（默认选中）</option>
  <option value="orange">橙子</option>
</select>

如果需要和required属性搭配使用（强制用户必须选择），只要确保默认选中的选项带有非空的value值即可，这样不会触发必填校验的提示：

<select name="fruit" required>
  <option value="">请选择水果</option>
  <option value="banana" selected>香蕉（默认选中）</option>
  <option value="orange">橙子</option>
</select>

selected属性可以用简写形式（直接写selected），也可以写成selected="selected"，两种写法在HTML5里都有效。

内容的提问来源于stack exchange，提问作者Shalini Singh