Zarejestruj dane wejściowe z niewidocznego formularza

Question

I asked some usability experts o numerze rotating cube form. Wykonałem. Poprawnie wskazali, że gdy powierzchnia sześcianu z polami tekstowymi nie jest widoczna, nie rejestrują żadnych danych wejściowych.

Oznacza to, że gdy kostka obraca się, a użytkownik nadal pisze, rejestruje tylko to, co użytkownik wpisał, gdy był jeszcze widoczny. Jest to wyraźnie coś, co muszę naprawić.

Powierzchnia sześcianu jest dynamicznie ukrywana z regułą css display: none, a następnie ponownie wyświetlana z display: block.

Czy można wprowadzić dane wejściowe rejestru pola tekstowego, gdy znajduje się on wewnątrz elementu div o numerze display: none? Czy muszę ukryć to w jakiś inny sposób, aby rejestrował dane wejściowe?

Answer 1

Można użyć czegoś takiego, jak position: absolute; left: -2000px, aby ukryć ekran poza ekranem, ale nadal można akceptować dane wejściowe. To ma dodatkową zaletę, że element wciąż jest "tam" - ktoś może się w niego zagnieździć, czytelnicy ekranu wciąż mogą powiedzieć, że tam jest, a nie tylko "Nie ma".

Answer 2

opacity: 0.1; jest twoim przyjacielem;)