Formularze - 3 x submit

Czasami istnieje potrzeba, aby umieścić w jednym formularzu kilka przycisków 'submit' - zobacz przykład. W przeglądarkach Internet Explorer i Opera zauważymy, że niezależnie od wybranego pola tekstowego podświetlony zostanie zawsze pierwszy submit (screen).

Z punktu widzenia użyteczności, takie zachowanie przeglądarek nie jest mile widziane. Użytkownicy będą wprowadzani w błąd - podświetlenie innego submit'a będzie mylnie sugerowało jego użycie.

W przeglądarce Firefox żaden 'submit' nie zostanie podświetlany - jednak nie oznacza to, że problem nie istnieje.

Formularze w których użyto więcej niż jednego submit'a możemy znaleźć na forach dyskusyjnych (przyciski 'podgląd' i 'wyślij') w takich przypadkach opisywany problem nie ma znaczenia (nawet może być korzystny). Jednak w niektórych formularzach nie możemy sobie pozwolić na takie zachowania przeglądarek.

Czary-mary, hokus-focus()
Musimy znaleźć sposób, aby przy wypełnianiu danego pola formularza uzyskać focus odpowiedniego submit'a. Teoretycznie użycie funkcji focus() w JavaSript rozwiązuje problem - klikając w wybrane pole formularza podświetla się nam odpowiedni submit - przykład. Jednak brak możliwości normalnego korzystania z formularza dyskwalifikuje tą metodę.

Próba ustawiania focus'u dla dwóch elementów jednocześnie również zakończyła się niepowodzeniem.

Usunięcie focus'u
Jeśli nie można zmusić przeglądarki do podświetlenia odpowiedniego submit'a za pomocą JS*, to spróbujemy pozbyć się całkowicie podświetlenia - nie będzie to miało wpływu na użyteczność formularza (dla użytkowników Firefox'a to normalność).

Zawsze podświetlany jest pierwszy submit, stworzymy więc jeden dodatkowy na początku formularza i dodamy:

style="display: none;"

W Operze wszystko działa. IE natomiast okazał się 'mądrzejszy' i teraz podświetla drugi submit (pierwszy widoczny dla użytkownika) - przykład.

Trzeba przekonać IE, że nasz ukryty submit jest nadal widoczny:

style="position: absolute; left: -666px;"

Pozycjonowanie absolutne zadziałało - przykład.

Wady ...
Input typu 'submit' działa podobnie jak input typu 'text' - nadając odpowiedni 'name' możemy wysłać ciąg znaków określony w 'value'.

Jednak w przeciwieństwie do input'a typu 'text' (gdzie dane z wszystkich pól są wysyłane), tutaj zostaną wysłane jedynie te przypisane do użytego przycisku - dzięki temu możliwe jest określenie który submit został użyty (w niektórych sytuacjach jest to bardzo istotne).

W przypadku gdy zostanie wciśnięty 'Enter', będzie to równoznaczne z użyciem pierwszego submit'a w formularzu (również w Firefox'ie).

Rozwiązaniem może być zablokowanie możliwości wysłania formularza 'Enterem' - jednak nie zawsze to zadziała (wyłączona obsługa JS).

???
Czy istnieje całkowicie skuteczny sposób na opanowanie zachowań przeglądarek z formularzami zawierającymi kilka przycisków submit? Czekam na propozycje ...