2012-02-15 41 views
1

内部にiframeがあります。これは、input要素とfile要素を持つ形式です。iframe内の要素のTabindex

タブキーを使用すると、全体としてiframeにフォーカスし、入力ボックスにはフォーカスが当てられません。次のタブは、ファイルタイプの入力要素に表示される[参照]ボタンにフォーカスします。

私が必要とするのは、タブを押すと、入力テキストボックスが表示され、次に参照ボタンがあり、最後に画像要素が表示されます。

tabindexを0に設定しようとしましたが、動作しませんでした。

要素を介してタブ順序を制御する方法を提案してください。

答えて

1

iframe内のフォームはメインページとは別になっていますので、必要に応じてtabindexが機能するようにiframe内のオブジェクトをメインページに配置する必要があります。

これを行う1つの方法は、iframeを使用するのではなく、フォームを読み込むためにAjaxを使用することです。そうすれば、必要に応じてtabindexを動的にロードして設定することができます。

「メイン」と「iframe」という2ページの問題を解決したら、各要素に順番にtabindexを設定し、値を増やして目的のタブ順序を表示するだけです。唯一の注意点は、画像上にtabindexを設定できないことです。回避策の一つは、動作するはずです以下、入力、ボタン、リンク(画像)のような

何か

<input tabindex="1" name="" value="" id="" type="text" /> 

<button tabindex="2" name="" value="browse" id="browse" /> 

<a href="" tabindex="3"><img src="" /></a> 

...などa要素として、tabindex属性を受け入れない要素で画像をラップすることです(例で)tabindex属性の詳細については、こちらのページをご覧ください

http://www.w3schools.com/jsref/prop_html_tabindex.asp

そして、このガイドでは、属性を使用してアクセス可能性し

http://webdesign.about.com/od/usability/a/aa071105.htm

関連する問題