Input Hidden a Text - różnica w zachowaniu

Question

Aby sobie ułatwić wysłanie formularza, którego elementy byłyby bardzo rozrzucone po stronie zrobiłem pola input hidden w formie w które wstawiam te same wartości, którymi manipuluje użytkownik w polach input text.

Póki dla testów miałem hiddeny jako text wszystko było ok. Ale gdy zmieniłem na hiddeny zauważyłem dziwną rzecz.

W momencie, gdy cofam stronę po wysłaniu formularza dane w inputach text pozostają takie jakie były wpisane przez użytkownika, zaś w inputach hidden się zerują (wracają do postaci value = "").

Przez to użytkownik widzi wpisane uprzednio wartości, ale gdyby chcieć znów kliknąć przesłanie z takimi samymi danymi (jak najbardziej jest to przeze mnie dopuszczalne w tym wypadku) to wywali błąd, że dane pola nie zostały uzupełnione i należy to zrobić.

Co więcej patrząc do zakładki "elements" przeglądarki, typ hidden podczas wstawiania wartości, widać, że się zmienia i w tej zakładce wyświetla się jako np. value="1", ale typ text się nie zmienia wyświetla się jedynie jako value.

Skąd tak różnica w obu typach?

Answer 1

Co do drugiego, to ogólnie atrybut [value] pól formularza nie ma nic wspólnego z własnością value tych pól w DOM. [value] to tak naprawdę domyślna wartość tego pola (czemu odpowiada defaultValue w DOM) i w czasie aktualizacji wartości pola się nie zmienia. Niemniej dla kilku pól, w tym [type=hidden], zmiana jednego, pociąga za sobą zmianę drugiego, zgodnie ze szczegółami w specyfikacji HTML.

Co do pierwszego: ukryte pola nie są interaktywne i użytkownik nie może w nie nic wpisać, zatem ich wartość zawsze musi zostać ustawiona przez skrypt. Dlatego też nie ma sensu zapisywać zawartości tych pól. Jeśli strona zostanie wczytana na nowo, po prostu trzeba na nowo ustawić wartości takich pól.

Inna rzecz, że mam wrażenie, że mocno przekombinowałeś. Czemu nie zrobiłeś jednego, dużego formularza na całą stronę? Można też zastosować atrybut [form].

Comments

Czemu nie zrobiłeś jednego, dużego formularza na całą stronę?

Ponieważ raz, jest też dużo innych przycisków na stronie co by pociągało potrzebę ciągłego preventowania, a dwa mam to wszystko zebrane w kupie i nie muszę biegać po nie tylko dość obszernym kodzie strony, ale i dość obszernym kodzie robionym w plikach php, których kod lub wyniki dopiero wstawiam w DOM.

Nie powiem. Efekt po cofnięciu strony mocno upraszczał sprawę. Teraz będę musiał pokombinować na nowo, jeśli chcę zostawić taką możliwość. Dzięki za wyjaśnienie.