2013-01-16 4 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

required = "required"属性を必要とするそれはあなたが使用しているブラウザの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で動作します。ウェブサイトの横には、そのフィールドが設定されているかどうかチェックする必要があります。 JSでそれをチェックする味。個人的に私は、ユーザーが自分自身を非難する必要があると思う:) – 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 ""(空文字列)または

    空の要素は、フォーム送信の必要な部分であることを指定します。

ので、あなたの<select>

関連する問題