2013-01-16 60 views
5

可能重複:
Can I apply the required attribute to <select> fields in HTML5?是否需要<select>字段?

我使用的是從here HTML5的接觸形式,但我在努力使所需的<select>領域的問題。其他的一切正常,只是遇到了麻煩,而且當我問到這個領域時,開發者沒有迴應。這是我

<select name="package" id="package" title="Please choose a package" class="required"> 
    <option value="">------------------</option> 
    <option value="basic">Basic</option> 
    <option value="plus">Plus</option> 
    <option value="premium">Premium</option> 
</select> 

缺少什麼我得到這個工作正常?

+0

這很容易使用JavaScript –

+0

您使用的是什麼瀏覽器? – Luka

+0

你不使用JS? –

回答

15

我相信this question的最佳答案就是您要找的。 要報價,

這適用於我 - 第一個值爲空 - 需要在空值上工作。

<select required> <option value="">Please select</option> <option value="one">One</option> </select>

0

如果你有一個更好的瀏覽器,你可以(在this線等)試試這個:

<select required> 
    <option value=""></option> 
    <option value="basic">Basic</option> 
    <option value="plus">Plus</option> 
    <option value="premium">Premium</option> 
</select> 

,但你仍然應該使用JavaScript,因爲不是很多人都有支持HTML5 required屬性的瀏覽器。它不受IE和Safari的支持。

+0

如果你將'aria-required =「true」'它會在Safari上工作,除了網站邊上必須檢查服務器端,如果該字段已設置,所以它只是一個mater嘗試在JS中檢查它。就我個人而言,我認爲使用ie的用戶應該責怪自己:) – bumerang

0

檢查:http://www.w3.org/TR/html-markup/select.html

全局屬性 全球所允許的任何屬性。

  1. 名稱=串

    與此元素提交表單的目的相關聯的名稱/值對的名稱的一部分。

  2. 禁用=「禁用」或「」(空字符串)或空

    指定該元素代表一個禁用控制。

  3. 形式= ID參考NEW

    與該元件關聯的表單上的id屬性的值。

  4. 大小=正整數

    的選項的數目,以顯示給用戶。

  5. 多個=「多個」或「」(空字符串)或空

    如果存在,則指示其選擇元素表示從選項列表中選擇零個或更多個選項的控制。 如果不存在,則表示其select元素表示用於從選項列表中選擇單個選項的控件。

  6. 自動對焦=「自動聚焦」或「」(空字符串)或空

    指定元素表示其中UA是指只要文檔加載給聚焦控制。

  7. required = "required" or ""(空字符串)或空

    指定元素是表單提交的必需部分。

,所以你需要一個required = "required"屬性您<select>

相關問題