formularzy - Kurs HTML i CSS
HTML5 / Okienko popover <... popover, button "button" popovertarget popovertargetaction, input "button" popovertarget popovertargetaction>...który pojawia się nad inną treścią po interakcji użytkownika (np. kliknięciu przycisku). Popover służy do wyświetlania dodatkowych informacji, formularzy lub opcji w małym okienku, bez opuszczania aktualnej strony. Kiedy używać popover? Popover jest używany, gdy chcesz pokazać dodatkową zawartość, która nie musi być widoczna przez cały czas, ale powinna być łatwo dostępna w odpowiednim momencie, np. podczas wypełniania formularza lub wyboru opcji. Można go zastosować do...
- Formularze HTML / Formularz na stronie internetowej
...być przesłany pocztą elektroniczną e-mail (prosty formularz pocztowy) i odebrany przez adresata. Istnieje wiele programów wspomagających odbieranie formularzy i grupowe wysyłanie listów na ich podstawie, przez co czynność ta może stać się mniej żmudna. Są to zarówno aplikacje w postaci programów instalowanych tradycyjnie, jak i specjalne skrypty wykonywane bezpośrednio w przeglądarce (np. PHP).
Tryb Quirks / Co zmienia przejście z trybu Quirks do trybu zgodności ze standardami?...znaczenie (tzw. "escape character"). W trybie Quirks przeglądarka Firefox i Opera obsługuje pseudoklasę :hover tylko dla odsyłaczy, obrazków i pól formularzy, chyba że selektor zawiera dodatkowo nazwę znacznika, identyfikator lub atrybuty. W trybie Quirks Opera zawsze powiększa wysokość bloku w taki sposób, aby mieściła się w nim jego zawartość. Natomiast w trybie zgodności ustawienie wartości height jest prawidłowo uwzględnianie. Źródło: CSS Enhancements in Internet Explorer 6 (Microsoft)
- Formularze HTML / Wyczyszczenie danych <input "reset">
...to zrobić. Dzięki temu wyeliminujemy możliwość przypadkowego naciśnięcia przycisku "reset". Ma to szczególne znaczenie zwłaszcza w przypadku długich formularzy, przy których ponowne wpisywanie wszystkich danych trwałoby dość długo. Aby potwierdzić wyczyszczenie formularza, należy do znacznika <form> dodać atrybut onreset="...": <form action="adres" method="post" onreset="if (!confirm('Czy na pewno chcesz wyczyścić cały formularz?')) return false">...</form> Przykład <form onreset> Wpisz tu...
- Selektory pseudoklas CSS / Zaznaczenie :checked
...Natomiast wyrazy "cecha" oraz "wartość" określają atrybuty elementu nadane poprzez style i zostaną opisane w dalszych rozdziałach. Niektóre z pól formularzy pełnią rolę przełączników - można je zaznaczać i odznaczać. W związku z tym może się okazać przydatne dodatkowe wizualne wyróżnienie tych kontrolek, które użytkownik zaznaczył. Zaznaczenie dla opcji listy rozwijalnej obsługuje tylko Firefox. Przykład :checked Po wpisaniu w arkuszu stylów: input:checked, option:checked { margin-left...
- Formularze HTML / Alternatywny sposób wysłania formularza
Niestety opisany w tym rozdziale sposób wysyłania prostych formularzy pocztowych nie zawsze działa poprawnie 🙁 Na przykład może się zdarzyć, że zamiast automatycznego wysłania formularza, otworzy się program pocztowy z pustą wiadomością. Wysłanie takiego listu oczywiście nie przyniesie żadnych korzyści, ponieważ nie będzie on miał treści. Sposobem na ominięcie tej luki może być skorzystanie ze skryptu PHP, który potrafi wysłać formularz w ogóle bez potrzeby używania programu pocztowego przez...
- Rozmiary CSS / Przeciąganie {resize}
...i odczytać ukrytą treść. Taki przeciągany narożnik jest domyślnie dostępny w przeglądarce Safari i Chrome dla wszystkich obszarów tekstowych formularzy. W pewnych sytuacjach twórca strony może jednak nie chcieć, aby użytkownik rozciągał w ten sposób pola formularza, gdyż może to wywołać niekontrolowane zmiany wyglądu całego formularza. W takiej sytuacji przydatny może być styl: textarea { resize: none } Nie zaleca się jednak blokowania w każdej sytuacji możliwości zmiany rozmiaru...
- Selektory atrybutów CSS / Selektor atrybutu o określonej wartości
...title="Akapit" oraz lang="pl" (nie powinien być czerwony). Inne przydatne zastosowanie tego selektora to np. zmiana sposobu formatowania elementów formularzy. Niemal wszystkie kontrolki formularza są tworzone przy użyciu znacznika <input type="...">. O tym jaki rodzaj pola zobaczymy na ekranie, decyduje atrybut type="...". Jeśli chcielibyśmy zmienić rodzaj obramowania dla wszytkich pól tekstowych (type="text"), tak aby nie wpłynęło to na pola innego typu (np. na przycisk wysłania formularza...
- HTML5 / Przestarzałe elementy i atrybuty HTML5
...skrótów powinien być używany znacznik ABBR APPLET - w zamian należy używać znacznika OBJECT ISINDEX - może zostać zastąpiony przez kontrolki formularzy DIR - w zamian należy używać znacznika UL Przestarzałe znaczniki XHTML5 NOSCRIPT - nie może być używany w języku XHTML5 w przypadku serwowania dokumentu z typem MIME "application/xhtml+xml"; element został wycofany w składni XML, ponieważ parser HTML odczytuje go jako czysty tekst (inaczej do dokumentu załadowałyby się np. objęte...
- HTML5 / Nowe atrybuty HTML5
...automatycznej kapitalizacji (dla obsługiwanych metod wprowadzania) autocomplete FORM, INPUT, SELECT, TEXTAREA Funkcja autouzupełniania pól formularzy autocorrect Wszystkie elementy Zalecane zachowanie automatycznej korekty (dla wspieranych metod wprowadzania) autofocus Wszystkie elementy Automatycznie ustawia zogniskowanie (fokus) na elemencie po załadowaniu strony blocking LINK (rel="stylesheet" lub rel="expect"), SCRIPT, STYLE Czy element może potencjalnie blokować...