Zdarza się czasem potrzeba zablokowania pól w formularzu w zależności od wybranej przez użytkownika opcji. Oczywiście możemy posłużyć się tu JavaScript i w zależności od klikniętego radio czy checkbox, ustawiać atrybut disabled dla wybranego elementu lub grupy elementów.

A czy możliwe jest blokowanie pól tylko w CSS?

Tworząc formularz z polem typu checkbox, zauważyłeś pewnie (bo ja tak), że takie pole kiedy nie jest zaznaczone, nie jest wysyłane wraz z formularzem.

Czy jest możliwe zmuszenie checkbox'a aby choć raz powiedział "nie", zamiast ciągłego krakania "tak"?

Zdarza się, że chcemy w tabeli usunąć duplikaty. Przemilczmy powód, dla którego nie powinny się one tam znaleźć. Natomiast innym powodem, o którym możemy mówić, może być sytuacja gdy po prostu z jakiegoś źródła dostajemy takie dane (przychodzą z urządzenia rejestrującego lub importujemy dane zewnętrzne).

Dajmy za przykład tabelę gdzie przechowujemy temperatury z danego dnia. Ale urządzenie odczytujące temperaturę i zapisujące do bazy danych robi to w ciągu doby kilkukrotnie.

Niedawno trafiłem na artykuł dotyczący dynamicznego wydłużania podkreślenia wpisywanego tekstu. Rozwiązanie opisywane w artykule jest zastosowane w wyszukiwarce serwisu TripAdvisor. Opiera się o bibliotekę React, a elementem podkreślenia "śledzącym" długość tekstu jest element SPAN.

My dziś podejmiemy wyzwanie i zrobimy to inaczej. Bez użycia JavaScript.

Jeśli doszedłeś już do etapu kiedy to klonowanie elementów nie jest wiedzą tajemną i nie sprawnia Ci żadnych problemów, to być może przed kolejnym etapem natrafiłeś na inny problem.

Podczas kopiowania zaznaczonego elementu radio ten traci swoje zaznaczenie.

Dlaczego tak się dzieje?

Nadawanie unikalnych atrybutów dla kolonowanych elementów formularza może przyprawić o ból głowy. Jeśli chodzi o atrybut id, to element nie musi go posiadać, ale jeśli powiążemy do niego etykietę (LABEL), która nie otacza tego elementu, to należałoby etykiecie nadać atrybut for, a co za tym idzie elementowi atrybut id. Co do atrybutu name, to oczywistym jest, że chcemy go mieć, jeśli dane będziemy przesyłać dalej. A jeśli to element klonowany, to pewnie wartości całej grupy takich elementów będziemy odbierać jako tablicę, czyli tu na pewno musimy mieć unikalne name w formie tablicowej.

Czy można się objeść bez wyrażeń regularnych?