1. 首頁
  2. 問答
  3. 寄存器輸入隱形

寄存器輸入隱形

2011-09-15 92 views
13

我asked some usability experts關於我製作的rotating cube form。他們正確地指出，當帶有文本框的立方體的面不可見時，它們不會註冊任何輸入。寄存器輸入隱形

這意味着當多維數據集旋轉並且用戶仍在鍵入時，它只會記錄用戶在仍然可見時鍵入的內容。這顯然是我需要解決的問題。

使用css規則display: none動態隱藏立方體的正面，然後再次使用display: block顯示。

是否有可能使一個文本框寄存器輸入，當它在一個div中有display: none？我是否需要以其他方式隱藏它以便註冊輸入？

來源

2011-09-15 Peter Olson

回答

7

您可以使用類似position: absolute; left: -2000px的東西將其隱藏在屏幕外，但仍然能夠接受輸入。這還有一個額外的好處，即元素仍然是「在那裏」 - 有人可以選中它，屏幕閱讀器仍然可以告訴它在那裏，而不僅僅是「它消失了」。

來源

2011-09-15 17:55:45 Joe

+0

似乎有點哈克（我喜歡它），但它應該工作！ –

+1

你會驚訝元素在屏幕外的位置，而不是'display：none'd。對於這樣的事情，這實際上是一個更好的解決方案，即使它看起來有點屁股後退。 – Joe

+0

它的工作原理，謝謝！ –

8

opacity: 0.1;是你的朋友;）

來源

2011-09-15 18:13:44 c69

相關問題

 相關問題