禁用“選擇選項”的簡單HTML表單可以在Chrome和IE中提交。 在Firefox中工作正常

Question

我有一個提交到另一個頁面的簡單HTML表單。 選擇選項與“禁用”和“選定”一起使用。 在Chrome和Internet Explorer中，可以提交此表單，但在Firefox中，它可以正常運行，並告訴我選擇一個選項。

碼：

<form name=cars method=post action=submit.php>
    <select required>
        <option value="volvo" disabled="disabled" selected>Volvo</option>
        <option value="saab">Saab</option>
        <option value="vw">VW</option>
        <option value="audi">Audi</option>
        <input type=submit value=submit name=submit>
    </select> 
</form>

正如預期的那樣，在FireFox中，當我按下“提交”按鈕時，我收到消息：

“請在列表中選擇一個項目。”

在IE和Chrome上，它嘗試提交到提交頁面。

Answer 1

那是因為select已經select了一個值。 您必須放置一個沒有值的option ，像這樣。 另外，我會幫助您並清理您的代碼：

<form name="cars" method="post" action="submit.php">
    <select name="car" required>
        <option value="">Select a car...</option>
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="vw">VW</option>
        <option value="audi">Audi</option>
    </select> 
    <input type="submit" value="submit" name="submit">
</form>

Answer 2

上述解決方案將在除IE 7-8-9之外的所有瀏覽器中工作，“必需”屬性；

IE 10: works fine.
IE 9: the required attribute doesn't trigger validation of a field.
IE 7 & 8: the required attribute appears to prevent validation of a field.

參考不同瀏覽器中的“必需”服裝支持：

http://html5test.com/compare/feature/form-select-required.html

替代解決方案可以是JQuery。