HTML 及び XHTML
これは、次の達成基準に関連する実装方法である:
この実装方法の目的は、 select
要素の値を選択することで意図せずアクションが実行されるのではなく、アクションの実行を利用者が制御できるようにすることである。利用者は、アクションが実行されるとは思わずに、 select
要素にどんな値があるのかを調べたり、間違って意図しない値を選んだりするかもしれない。利用者が自分の選択に納得したとき、アクションを実行するボタンを選択できるようにする。
select
要素の選択肢の操作によって(フォームの)コントロールの値が変化する場合、キーボードで select
要素の値を選んでいる利用者に対して特に重要である。
あるウェブページでは、利用者が任意の年の任意の月を選ぶと、その月のカレンダーが表示される。利用者が月と年を指定した後に「表示」ボタンを押すことでカレンダーが表示される。この例では、クライアントサイド・スクリプティングでアクションを実装している。
コード例:
<label for="month">月:</label>
<select name="month" id="month">
<option value="1">1月</option>
<option value="2"> 2月</option>
...
<option value="12">12月</option>
</select>
<label for="year">年:</label>
<input type="text" name="year" id="year">
<input type="button" value="Show" onclick = "...">
select
要素は実行可能なアクションのリストを含んでいる。利用者が「実行」というボタンを押すまで、アクションは実行されない。
コード例:
<form action="http://somesite.com/action" method="post">
<label for="action">選択肢:</label>
<select name="action" id="action">
<option value="help">ヘルプ</option>
<option value="reset">リセット</option>
<option value="submit">送信</option>
</select>
<button type="submit" name="submit" value="submit">実行 </button>
</form>
この参考リソースは、あくまでも情報提供のみが目的であり、推薦などを意味するものではない。
それぞれの select
要素/ボタンの要素の組み合わせに対して:
select
要素の選択肢にフォーカスがあたったとき(キーボード・フォーカスを含む)、どのアクションも実行されない。
ボタンを選択すると、現在の select
要素の値に関連付けられたアクションが実行される。
上記全てを満たしている。
注意: この実装方法が「達成基準を満たすことのできる実装方法」の一つである場合、このチェックポイントや判定基準を満たしていなければ、それはこの実装方法が正しく用いられていないことを意味するが、必ずしも達成基準を満たしていないことにはならない。場合によっては、別の実装方法によってその達成基準が満たされていることもありうる。
日本語訳における注記:
この文書の正式版は、W3Cサイトで公開されている英語の文書であり、この日本語訳には誤訳が含まれていることもありえます。なお、文中にある「日本語訳における注記」は、W3Cの原文にはないものであり、日本語訳監修者が追記したものです。