Frmularze w HTML Struktura frmularza: <frm> </frm> <input...> <input...> <input...> <input...> <textarea > <select >... imię nazwisk miejscwść kd ulica prześlij Dzięki frmularzm mżliwe jest pbieranie danych, a nie tylk ich wyświetlanie. Umieszczenie znacznika <frm> w dkumencie html: - na strnie mżemy zawrzeć kilka frmularzy - niedpuszczalne jest zagnieżdżanie jedneg frmularza w innym frmularzu - wewnątrz frmularza mgą znaleźć się inne biekty takie jak tabele, rysunki itp. 1
Atrybuty frmularza Nazwa frmularza <frm name="nazwa_frmularza"> - dwlna nazwa, unikalna w brębie strny <frm name="ankieta"> <frm name="frmularz"> Miejsce wysyłania danych <frm actin="adres_miejsca"> - adres na który zstaną wysłane dane z frmularza - najczęściej skrypt (plik) przetwarzający, rzadziej adres e-mail <frm actin="ankieta_zp.asp"> <frm actin="skrypty/ankieta_zp.asp"> <frm actin="http://www.ankieta.pl/ankieta_zp.asp"> <frm actin="mailt:stani@wit.edu.pl"> Metda wysyłania danych <frm methd="get/pst"> - get: - pst: dane dłączane d adresu pdaneg w actin tylk dane tekstwe graniczenie długści dane przesyłane w drębnym strumieniu także dane binarne <frm methd="pst"> <frm methd="get"> 2
Ple tekstwe Prste ple tekstwe <input type="text" /> - jedn z pól najczęściej sptykanych w frmularzach - stsujemy je gdy czekujemy krótkich danych tekstwych <input type="text" name="nazwa_pla" /> - nazwa unikalna w brębie frmularza - bwiązkwa dla każdeg elementu <input type="text" name="marka" /> <input type="text" name="rk_prdukcji" /> <input type="text" size="liczba_znaków" /> - wielkść pla wyrażna w znakach <input type="text" size="5" /> <input type="text" maxlength="liczba_znaków" /> - maksymalna liczba znaków, jaka mże zstać wpisana w ple - wartść niezależna d size <input type="text" maxlength="10" /> <input type="text" value="wartść_dmyślna_pla" /> - wartść dmyślna dla pla (widczna w mmencie wyświetlenia pla) - użytkwnik mże ją mdyfikwać <input type="text" value="jan Kwalski" /> <input type="text" value="warszawa" /> <input type="text" disabled="disabled" /> - ple tylk d dczytu - ddatkw wyłączne <input type="text" disabled="disabled" /> 3
Ple hasła <input type="passwrd" /> - ple funkcjnuje pdbnie jak ple tekstwe - mdyfikacja plega na tym, iż dane w mmencie ich wprwadznia zamieniane są na znak typu "*" <input type="passwrd" name="nazwa_pla" size=" " maxlenght=" " /> <input type="passwrd" name="hasl" size="5" maxlenght="10"/> Przyciski radiwe <input type="radi" /> - przyciski zwykle umieszczamy jak grupę (przynajmniej dwa elementy) - pla stsujemy wówczas, gdy czekujemy d użytkwnika wybru jednej z wielu pcji <input type="radi" name="nazwa_pla" /> <input type="radi" name="nazwa_pla" /> - grupę twrzą pla dkładnie tej samej nazwie <input type="radi" name="plec" /> <input type="radi" name="plec" /> <input type="radi" name="nazwa" value="wartsc_1" /> <input type="radi" name="nazwa" value="wartsc_2" /> - elementy w brębie grupy pwinny mieć różne wartści - wartść całej grupy t wartść zaznaczneg elementu <input type="radi" name="plec" value="kbieta" /> <input type="radi" name="plec" value="mezczyzna" /> <input type="radi" name="nazwa" value="1" checked="checked" /> <input type="radi" name="nazwa" value="2" /> - pierwszy element na liście będzie znaczny dmyślnie <input type="radi" name="plec" value="kbieta" checked="checked" /> <input type="radi" name="plec" value="mezczyzna" /> 4
Przyciski typu checkbx <input type="checkbx" /> - przyciski mżemy umieścić jak grupę, mżemy także wykrzystać pjedynczy element - pla stsujemy wówczas, gdy czekujemy d użytkwnika wybru jednej z wielu pcji lub wybry typu "tak/nie" <input type="checkbx" name="nazwa_pla" /> <input type="checkbx" name="nazwa_pla" /> - grupę twrzą pla dkładnie tej samej nazwie <input type="checkbx" name="hbby" /> <input type="checkbx" name="hbby" /> <input type="checkbx" name="nazwa" value="wartsc_1" /> <input type="checkbx" name="nazwa" value="wartsc_2" /> - elementy w brębie grupy pwinny mieć różne wartści - wartść zaznacznych elementów są przekazywane sbn <input type=" checkbx " name="hbby" value="sprt" /> <input type=" checkbx " name="hbby" value="muzyka" /> <input type=" checkbx " name="hbby" value="tv" /> <input type=" checkbx " name="nazwa" value="1" checked="checked" /> <input type=" checkbx " name="nazwa" value="2" /> <input type=" checkbx " name="nazwa" value="3" checked="checked" /> - pierwszy i trzeci element na liście będą znaczne dmyślnie <input type="checkbx" name="hbby" value=" " checked="checked"/> <input type="checkbx" name="hbby" value=" " /> <input type="checkbx" name="hbby" value=" " checked="checked"/> Ple typu mem <textarea> </textarea> - ple służy d wprwadzania dłuższych fragmentów tekstu <textarea name="nazwa_pla"> </textarea> - jak każde ple frmularza także t musi psiadać nazwę <textarea name="pis_samchdu"> </textarea> 5
<textarea name="nazwa_pla">wartść dmyślna</textarea> - wartść dmyślna wprwadzana jest wprst jak wartść dla znacznika <textarea name="pis_samchdu">serwiswany, idealny</textarea> <textarea name="nazwa_pla" cls="liczba" rws="liczba"> </textarea> - cls: liczba klumn - rws: liczba wierszy <textarea name="pis_samchdu" cls="25" rws="5"> </textarea> Lista pcji (lista rzwijalna) <select> <ptin>pzycja 1</ptin> <ptin>pzycja 2</ptin> <ptin>pzycja 3</ptin> </select> - lista pcji t kmbinacja znaczników: <select> - znacznik listy <ptin> - znacznik pcji - każdy z nich psiada drębne atrybuty <select name="nazwa_listy"> - lista w frmularzu musi być nazwana <select name="wjewdztw"> <select name="nazwa_listy" size="liczba"> - size t liczba pcji jaka będzie prezentwana na liście - typwa "lista rzwijalna" t wartść size="1" <select name="wjewdztw" size="3"> <select name="nazwa_listy" multiple="multiple"> - ustawienie wartści multiple="multiple" pzwala na włączenie mżliwści wybru więcej niż jednej pzycji na liście (+ ctrl, shift) <select name="wjewdztw" multiple="multiple"> 6
<ptin>wartść pcji</ptin> - wartść pcji mże zstać ustawina wprst jak wartść znacznika <ptin>mazwieckie</ptin> <ptin value="wartsc_pcji">wartść wyświetlana</ptin> - dla pcji mżna ustawić także inną wartść niż wyświetlana na liście <ptin value="1">mazwieckie</ptin> <ptin value="1">wartść 1</ptin> <ptin value="2" selected="selected">wartść 2</ptin> <ptin value="3">wartść 3</ptin> - pcja druga będzie wybrana dmyślnie <ptin value="1">mazwieckie</ptin> <ptin value="2" selected="selected">świętkrzyskie</ptin> <ptin value="3">pdlaskie</ptin> Przycisk typu submit <input type="submit" /> - przycisk "submit" inicjuje wysyłanie danych z frmularza - dane wysyłane są w miejsce zdefiniwane w actin - w frmularzu przycisków teg typu mże być kilka <input type="submit" name="nazwa_przycisku" /> - nazwa przycisku nie jest wyświetlana <input type="submit" name="przesylka" /> <input type="submit" name="nazwa" value="wartsc_przycisku" /> - wartść przycisku jest wyświetlana jak jeg etykieta <input type="submit" name="przesylka" value="wyślij" /> 7
Przycisk typu reset <input type="reset" /> - przycisk "reset" przywraca wartści dmyślne dla pól frmularza - w przypadku braku wartści dmyślnej, pla są "czyszczne" <input type="reset" name="nazwa_przycisku" /> - nazwa przycisku nie jest wyświetlana <input type="submit" name="restart" /> <input type="reset" name="nazwa" value="wartsc_przycisku" /> - wartść przycisku jest wyświetlana jak jeg etykieta <input type="reset" name="przesylka" value="wyczyść " /> Każdy z elementów frmularza mżemy uczynić niedstępnym dla użytkwnika, wstawiając d pszczególnych znaczników wprwadzających dane ple, parametr disabled="disabled". Elementy takie zstaną ddatkw znaczne. Należy też pamiętać elementach typu "hidden", które mgą służyć d przechwywania wartści (np. w przypadku kniecznści zastswania wielu następujących p sbie frmularzy). 8