目に見えないフォームからの入力を入力

私はasked some usability experts約rotating cube formを作りました。彼らは、テキストボックスを持つキューブの顔が見えないときに、入力を登録しないことを正しく指摘しました。目に見えないフォームからの入力を入力

これは、キューブが回転してユーザーが入力しているときに、ユーザーが入力した内容がまだ表示されている間だけ入力することを意味します。これは明らかに私が修正する必要があるものです。

キューブの顔は、CSS規則display: noneで動的に非表示にされ、display: blockと表示されます。

display: noneのdiv内にあるときにテキストボックスレジスタの入力を行うことはできますか？入力を登録するために他の方法でそれを隠す必要がありますか？

出典

2011-09-15 Peter Olson

position: absolute; left: -2000pxのようなものを使用して画面外に隠すことはできますが、引き続き入力を受け入れることができます。これはまだ要素が「そこに」あるという追加のボーナスを持っています。誰かがそれにタブすることができますが、スクリーンリーダーは「それがなくなった」というのではなく、まだそこにあることを伝えることができます。

出典

2011-09-15 17:55:45 Joe

（私はそれが好き）ビットハックようだが、それが動作するはずです。 –

あなたは 'display：none'dではなく、要素がオフスクリーンである頻度に驚くでしょう。これは実際には、このようなもののための実際にははるかに良い解決策ですが、少し後ろ向きに見えますが。 – Joe

それは、ありがとう！ –

opacity: 0.1;はあなたの友達です！;）

出典

2011-09-15 18:13:44 c69

目に見えないフォームからの入力を入力

答えて

関連する問題