2

ファイルタイプの入力要素と画像要素を持つフォームであるiframeがあります。

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

私の要件は、タブを押すと、フォーカスが入力テキストボックスに移動し、次に参照ボタンに移動し、最後に画像要素に移動することです。

0に設定tabindexしてみましたが、うまくいきませんでした。

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

4

1 に答える 1

1

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

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

'main' と 'iframe' という 2 つのページの問題を解決したら、tabindex必要なタブ オーダーを表示するために値をインクリメントしながら、各要素に順番に を設定する必要があります。その他の唯一の注意点は、画像に tabindex を設定できないことです。1 つの回避策は、要素など、tabindex を受け入れる要素で画像をラップすることaです...

次のようなものが機能するはずです、input、button、link(image)

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

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

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

tabIndex 属性の詳細については、このページを参照してください (例を含む)

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

そして、属性を使用したアクセシビリティに関するこのガイド

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

于 2012-02-16T05:24:05.447 に答える