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

Question

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

我努力尝试，但未找到解决方案。

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'适用于其他标签，例如文本字段等。>>

如果用户从options中选择“--select--”，则应将其视为空白字段。它应该触发'required'属性，以便浏览器在提交表单时显示警告消息，如下所示：...

Answer 1

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

Answer 2

以下代码对我不起作用：