2011-03-22 11 views
54

ユーザー選択に基づいてテーブルをフィルタリングするSELECTタグがある場合、JSが無効になっている場合に結果の機能が動作しない場合は、SELECTタグをFORMタグ(有効なHTML5)にする必要がありますフォームアクション/サブミットオプションの選択時にサーバー側のフィルタを実行する代わりに、テーブル全体または "more"リンクを表示します(JSが無効の場合、マークアップからマークが消えるようにJS内に選択を書き込むことがあります)。FORMタグ以外のフォーム要素はhtml5意味ですか?

また、すべてのフォーム要素は、用途にかかわらずフォームタグ内にある必要があります(したがってnullの 'action'属性値)。

HTML5はほとんど何でも可能ですが、私はW3で決定的な答えを見つけることができませんでした私はあなたの考えを得るだろうと思った。それは理にかなっているだろう。 乾杯。

+0

セマンティクスはどのようにしてこのように考えられますか? https://en.wikipedia.org/wiki/Semantics「有効」または「整形式」[html5]を意味していましたか? – amn

答えて

17

HTML5のフォーム要素は、<form>タグの外にあり、依然として有効であるように見えます。

<!DOCTYPE html> 
<html> 
<head> 
<title>Just making this valid</title> 
</head> 
<body> 

<select> 
    <option value="1">One</option> 
    <option value="2">Two</option> 
    <option value="3">Three</option> 
</select> 

</body> 

</html> 

上記のコードは、明らかな文字エンコードエラーを除いて、正常に検証されます。 私はHTML5仕様全体を読んでいませんが、バリデーターは通常この種の問題では正しいです。

+0

さて、ありがとう! – Anon

70

すべてのフォームコントロールは、phrasing contentが期待されるどこでも使用できます。つまり、ドキュメントの本文のどこにでも表示できます。それらをサーバーに戻す必要がない場合は、フォームに関連付ける必要はありませんが、一部のブラウザでは、要素が潜在的に可能でない限り、form validation featuresを利用できないことに気付きました提出する。 HTML5の新しい

一つの特徴は、そのフォームコントロールは、もはやそのフォームを提出するためにform要素の直接の子である必要はありません、form attributeは、要素が提出されなければならないフォームのidを指定することができますと。

+3

robertcは信頼できるリンクを提供していますが(最善の答えですが)、「Web製作者のためのエディション」のHTML5仕様があります(もう少し読みやすくなります):http://dev.w3.org/html5/spec-author-view /content-models.html#phrasing-content-0 –

関連する問題