Html Can'；无法获取表单以验证所需的选择输入

创建了这个非常简单的代码来复制我的问题。如果输入文本没有值（正确），则不会提交表单。但如果未选择“选择输入”（不正确），它将提交。我可能遗漏了一些非常基本的东西，但我不知道是什么

编辑：刚刚意识到这在Firefox中有效；但不是铬

编辑2:Chrome正在使用以下内容而不是代码中的内容呈现我的页面

<option value>Select</option>

选择

你知道为什么吗？如果这很重要的话，那是一张刮胡刀。但根据其他研究，没有value=“”是它在Chrome中不起作用的原因

     <form>
        <div>
            Any Text: 
            <input type="text" required="required" />
        </div>
        <div>
            Country: 
            <select required="required">
                <option value="">Select</option>
                <option value="US">United States</option>
                <option value="CA">Canada</option>
            </select>
        </div>
        <div>
            <button type="submit">
                Test
            </button>
        </div>
    </form>

任何文本：
国家：
挑选
美国
加拿大
试验

编辑3:我通过以下解决方法在Chrome中正确呈现HTML，但Chrome中的验证仍然不起作用：

  <form>
        <div>
            Any Text:
            <input type="text" required="required" />
        </div>
        <div>
            Country:
            <select required="required">
                <option value="@blankString">Select</option>
                <option value="US">United States</option>
                <option value="CA">Canada</option>
            </select>
        </div>
        <div>
            <button type="submit">
                Test
            </button>
        </div>
    </form>

@code {
    string blankString = "";
}

任何文本：
国家：
挑选
美国
加拿大
试验
@代码{
字符串blankString=“”；
}

页面代码源：

<select required="required">
                <option value="">Select</option>
                <option value="US">United States</option>
                <option value="CA">Canada</option>
            </select>

挑选
美国
加拿大

也有同样的问题-最终使用js禁用/启用按钮，如下所示：

---

这似乎在我的chrome中对我有效。只需删除变量并直接添加Select作为第一个预选选项。或者只是复制你的页面代码源并粘贴它来代替你的代码。实际上，我只是在一个简单的.html文件中创建了这段代码，没有任何问题。因此，my.razor页面中的其他内容必须覆盖所需属性或选择输入中的其他内容。