formularze - Kurs HTML i CSS
- Podcast HTML / #8 Formularze HTML
...są dopuszczalne. Ukryte dane Tworzy ukryte pole w formularzu, niewidoczne ani niedostępne dla użytkownika, którego wartość jest przesyłana wraz z formularzem. Wprowadzenie pola: <input type="hidden" name="nazwa" value="wartość">. Używane jest często do przekazywania informacji pomiędzy klientem a serwerem (w skryptach serwerowych), które mogłyby zostać utracone z uwagi na bezstanowy charakter protokołu HTTP. Wysłanie formularza Domyślnie formularz jest wysyłany po naciśnięciu Enter w...
 - Formularze HTML / Podcast HTML
...krótkiego wprowadzenia w formie podcastu: #8 Formularze HTML (online). Pomoże Ci to lepiej zrozumieć, czego się nauczysz w tej części kursu: Opanuj formularze HTML! Twórz interaktywne ankiety i formularze zamówień. Poznaj elementy: pola tekstowe, hasła, checkbox/radio, listy select i textarea. Dowiedz się, jak bezpiecznie przesyłać dane (SSL) i stosować JavaScript do walidacji przed wysłaniem. 🔊 Posłuchaj podcastu HTML
 - HTML5 / Nowe elementy HTML5
...Wszystkie nowe znaczniki w HTML5 zostały podzielone na następujące kategorie: sekcje, znaczniki grupujące, semantyka tekstu, elementy osadzone, formularze, elementy interaktywne, skrypty. Jakie są znaczniki sekcji? W języku HTML5 wyróżniamy następujące elementy tworzące nowe sekcje w dokumencie: ARTICLE, ASIDE, NAV, SECTION.
 - Formularze HTML / Ramy formularza HTML <form>
...zamiast "temat" można wpisać tytuł, jaki będzie nosił formularz (jest to przydatne zwłaszcza w przypadku stosowania programów obsługujących formularze). UWAGA! Formularzy nie można zagnieżdżać, tzn. umieszczać jednego w drugim. W przypadku użycia Strict DTD, wewnątrz znaczników <form>...</form> muszą się znaleźć dodatkowe znaczniki obejmujące wszystkie elementy formularza. Znacznikami obejmującymi mogą być: div, p, fieldset, h1, h2, h3, h4, h5, h6, pre, address, ins, del...
 - Formularze HTML / Forma odszyfrowana <form enctype accept-charset>
...Powyższy atrybut (enctype="text/plain") powoduje, że wszystkie formularze będą przysyłane w formie odszyfrowanej, dla powyższego przykładu jest to: Imię=Sławomir Nazwisko=Kokłowski Płeć=Mężczyzna Wiek=20-29 Muzyka=Rock Muzyka=Inna Muzyka=Elektroniczna Przeglądarka=Opera System operacyjny=Dos System operacyjny=Windows System operacyjny=Linux Komentarz=Proszę, wpisz tutaj jakiś komentarz... Prawda, że łatwiej...
 - Podcast HTML / #9 HTML5
...po rozpoczęciu wprowadzania danych. form: atrybut umożliwiający umieszczanie pól formularza poza znacznikiem <form> i skojarzenie ich z wybranym formularzem za pomocą jego identyfikatora (id). minlength, maxlength: atrybuty wymuszające minimalną i maksymalną liczbę znaków w polu formularza (<input>, <textarea>). Multimedia, grafika i ścieżki tekstowe fo filmów Zmiany w obsłudze mediów: <video>, <audio>, <source>: elementy te służą do osadzania odtwarzaczy filmów wideo i muzyki audio...
 - Menu rozwijane, otwierane, wysuwane / Wygląd menu rozwijanego, otwieranego, wysuwanego
Jeżeli nie odpowiada nam podstawowy wygląd menu, można go zmienić wykorzystując polecenia CSS. W tym celu w pliku menu.css należy wkleić np.: #menu0 { width: 200px; margin: 10px; padding: 0; } #menu0 dt { background-color: #888; color: #fff; font-weight: bold; text-align: center; cursor: pointer; margin: 10px 0 0 0; padding: 2px; } #menu0 dd { background-color: #eee; color: #000; border-width: 0 1px 1px 1px; border-style: solid; border-color: #888...
 - HTML dla zielonych / Podsumowanie
To by było na tyle. Poznane tu polecenia powinny pozwolić Ci na napisanie prostej, ale zarazem dość dobrze wyglądającej strony WWW. Jeśli już teraz chcesz jak najszybciej sprawdzić w praktyce poznane wiadomości, to tutaj możesz skorzystać z szybkiego edytora stron próbnych, który pozwoli Ci napisać Twoją pierwszą testową stronę WWW. A więc do dzieła... ✅ Rozpocznij tworzenie strony WWW Jeżeli będziesz mieć więcej czasu, zajrzyj do dalszych rozdziałów tego kursu. Znajdziesz tam o wiele więcej...
 - HTML5 / Pola formularza <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week" min max step multiple>
Spis treści <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week" min max step multiple> Typ <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week"> Minimum, maksimum, krok <input "date, month, week, time, datetime-local, number, range" min max step> Wiele wartości <input "email, file" multiple> Typ <input "color, date, datetime-local, email, month, number, range, search, tel, time, url, week">...
 - HTML5 / Podcast HTML
...zrozumieć, czego się nauczysz w tej części kursu: Odkryj HTML5: uproszczona składnia, nowe elementy semantyczne (section, article), ulepszone formularze (nowe typy input, walidacja) i natywne multimedia (video, audio). Zoptymalizuj wydajność (preload, async) i bezpieczeństwo (sandbox, popover). 🔊 Posłuchaj podcastu HTML
 


