Kurs HTML odc. 6: Klasyczne kontrolki formularzy

HTML By Builder

Jeżeli masz ochotę zobaczyć więcej naszych filmów, podcastów i artykułów w coraz lepszej jakości, to zachęcamy do pozostawienia subskrypcji. Można także wesprzeć nasze działania w sieci drobną kwotą za pośrednictwem profilu Patronite lub donacji. Zachęcamy do odwiedzenia prowadzonych przez nas witryn oraz do polubienia fanpage’u Pasji informatyki na Facebooku.

🔔 Subskrybuj – http://bit.ly/pasja-sub

👉 Fanpage na Facebooku – http://bit.ly/pasja-fb
👉 Profil Patronite – https://patronite.pl/pasja-informatyki
👉 Lista Patronów – http://pasja-informatyki.pl/patroni
👉 Donacje na blogu – http://miroslawzelent.pl/donate
👉 Harmonogram publikacji – http://bit.ly/pasja-harmonogram
👉 Kontakt z nami – http://pasja-informatyki.pl/kontakt/
👉 Współpraca reklamowa – http://bit.ly/pasja-wspolpraca
👉 Kursy video dla technikum – http://pasja-informatyki.pl
👉 Blog informatyczny – http://miroslawzelent.pl
👉 Trenażer egzaminacyjny – http://egzamin-informatyk.pl
👉 Egzamin-E13.pl – http://egzamin-e13.pl
👉 Forum dyskusyjne – https://forum.pasja-informatyki.pl/
👉 Witryna podcastowa – http://podcast.pasja-informatyki.pl/
👉 Twitter MZ – https://twitter.com/MiroslawZelent
👉 Twitter DS – https://twitter.com/stelmach_damian

Formularze kojarzą nam się ze żmudnym układaniem kolejnych kontrolek interfejsu, celem pobrania danych od użytkownika witryny. I to w sumie racja – rzeczywiście często ich tworzenie bywa okropnie nudne 🙂 Ale uwaga! Jakkolwiek na pierwszy rzut oka może wydawać się, że do okodowania formularzy nie jest wymagany żaden pomyślunek, to jednak zrealizowanie intuicyjnego i dostępnego interfejsu nie jest absolutnie sprawą trywialną! Poznajmy zatem zasady tworzenia współczesnych formularzy w mini-serii trwającej dwa odcinki.

🕐 TIMESTAMPS (CHWILE CZASOWE):

[ 00:00:14 ] Wstęp do odcinka
[ 00:01:52 ] Opis plików projektu
[ 00:02:59 ] Formularz form, atrybuty: action, method, enctype
[ 00:05:05 ] Wybór jednokrotny w formularzu
[ 00:06:03 ] Pola typu radio
[ 00:07:20 ] Etykiety label, dwa sposoby ich definiowania
[ 00:11:39 ] Domyślnie zaznaczone pole radio (checked)
[ 00:12:09 ] Rozmieszczanie kontrolek: br czy div?
[ 00:13:26 ] Zgrupowanie fieldset z tagiem legend
[ 00:15:35 ] Odebranie wartości pól radio w PHP
[ 00:17:48 ] Lista wyboru: select (wybór jednokrotny)
[ 00:19:47 ] Domyślnie wybrany element listy (selected)
[ 00:20:25 ] Odebranie wartości listy select w PHP
[ 00:20:51 ] Odstępy między kontrolkami formularza w CSS
[ 00:21:51 ] Pola typu checkbox (wybór wielokrotny)
[ 00:25:10 ] Kontrolka nieaktywna (disabled)
[ 00:27:10 ] Odebranie wartości wielu pól checkbox w PHP
[ 00:29:20 ] Lista wyboru multiple (wybór wielokrotny)
[ 00:31:49 ] Odebranie wartości listy multiple w PHP
[ 00:32:17 ] Pole tekstowe: input type text
[ 00:33:11 ] Odebranie wartości pola tekstowego w PHP
[ 00:33:36 ] Inne pola tekstowe – password i search
[ 00:34:43 ] Odebranie wartości pól password i search w PHP
[ 00:34:53 ] Atrybut placeholder pola tekstowego
[ 00:36:42 ] Pole numeryczne: input type number, atrybut step
[ 00:41:24 ] Odebranie wartości pola numerycznego w PHP
[ 00:41:42 ] Rodzaje przycisków: type submit vs. button
[ 00:43:55 ] Kilka słów końcowych
[ 00:44:38 ] Podsumowanie odcinka na slajdach