html - 对于以下下拉列表， 'required' 属性不起作用

Question

如果用户从选项中选择“- - select - -”，则应将其视为空白字段。它应该触发“必填”属性，以便浏览器在提交表单时显示警告消息:“请填写此字段”。

我很努力，但没有找到解决方案。

HTML:

<form>
    <select id="post" name="post" required="required" title="post you are applying for" class="formfield3" />

    <option value="0"> - - select - -</option>
    <option value="1">Mobile App Developer</option>
    <option value="2">DataBase Administrator</option>
    <option value="3">Search Engine Optimizer</option>
    <option value="4">Product Manager</option>
    <option value="5">HR Manager</option>

    </select>

<input type=submit>
</form>

我使用的是最新版本的 chrome，'required' 正在为文本字段等其他标签工作。

Answer 1

要使浏览器将其视为空白字段，请将其设为空白 - 将 0 更改为空字符串:

<select id="post" name="post" required="required" title="post you are applying for" class="formfield3" />

    <option value=""> - - select - -</option>
    <option value="1">Mobile App Developer</option>
    <option value="2">DataBase Administrator</option>
    <option value="3">Search Engine Optimizer</option>
    <option value="4">Product Manager</option>
    <option value="5">HR Manager</option>

</select>