Formularze Pobierają dane od użytkownika strony i wysyłają je do przetworzenia na serwerze (gdzie potrzebne są skrypty,któredaneprzetworzą najczęściej

Transkrypt

1 Formularze Pobierają dane od użytkownika strony i wysyłają je do przetworzenia na serwerze (gdzie potrzebne są skrypty,któredaneprzetworzą najczęściej stosuje się język PHP lub JSP) <form action= plik method= get/post > </form> action określa adres strony, która ma odebrać dane. Pusta wartość oznacza tę samą stronę method określa, jaką ą metodą ą dane zostaną ą przesłane get dane dołączone do adresu strony, widoczne, ograniczona długość post dane niewidoczne

2 Pole tekstowe Pozwala na wprowadzenie jednej linijki tekstu <input type= text name= nazwa value= wartosc maxlength= 7 /> type określa typ pola (text tekstowe) nazwa określa nazwę pola, pod jaką dane odczyta serwer value wartość początkowa pola maxlength określa ile znaków można wprowadzić

3 Pole typu password Wpisywany tekst będzie zamaskowany <input type= password password name= nazwa nazwa value= wartosc maxlength= 7 />

4 Pole ukryte Pole niewidoczne dla użytkownika <input type="text" name="nazwa1" value="wartosc" maxlength="7"/> <inputtype= type="password" password name="nazwa2" nazwa2 value="wartosc" maxlength="7"/> <input type="hidden" name="nazwa3" value="wartosc"/>

5 Pole wyboru Pozwala udzielić odpowiedzi tak lub nie <input type="checkbox" name="pole1" checked="checked" /> <input type="checkbox" name="pole2" /> <input type="checkbox" " name="pole3" " checked="checked" h k d"/ /> Wartość jest przesyłana tylko wtedy, gdy zostanie zaznaczone. Zaznaczone pole uzyskuje się poprzez dodanie atrybutu checked.

6 Pole opcji Pozwala wybrać tylko jeden z elementów o takiej samej nazwie <input type="radio" name="ocena" value="bdb" />5 <input type="radio" name="ocena" value="db" />4 <input type="radio" name="ocena" value="dst dst checked= checked />3 <input type="radio" name="ocena" value="b.bdb" />6 Wartość jest przesyłana tylko wtedy, gdy zostanie zaznaczone. Zaznaczone pole uzyskuje się poprzez dodanie atrybutu checked.

7 Listy opcji Pozwala wybrać tylko element (lub elementy) z listy rozwijanej <select name="owoce multiple= yes > l <option value= 1 >jabłko</option> <option value= 2 >gruszka</option> <option value= 3 >śliwka</option> <option value= 4 >banan</option> <option value= 5 >nektarynka</option> </select> option o kolejne oej eee elementy e listy value przesłana wartość do serwera multiple pozwala wybrać kilka elementów

8 Listy opcji Pozwala wybrać tylko element (lub elementy) z listy rozwijanej <select name="owoce > <optgroup label="polskie"> <option>jabłko</option> <option>gruszka</option> <option>śliwka</option> </optgroup> <optgroup label="obce"> <option>banan</option> <option>nektarynka</option> nektarynka </optgroup> </select> t l dilić l t optgroup pozwala podzielić elementy na grupy label etykieta grupy

9 Listy opcji Pozwala wybrać tylko element (lub elementy) z listy rozwijanej <select name="owoce size= 5 > <optgroup label="polskie"> <option>jabłko</option> <option>gruszka</option> <option>śliwka</option> </optgroup> <optgroup label="obce"> <option>banan</option> <option>nektarynka</option> nektarynka </optgroup> </select> size ilość widocznych elementów listy

10 Wysłanie formularza Tworzy przycisk, którego wciśnięcie spowoduje wysłanie formularza. <input tt type="text" t" value="wartość" name="nazwa1"/> <input type="submit" value="wysyłanie" name="nazwa2"/> value etykieta na przycisku name jeśli istnieje to również wysyłana wartość w formularzu

11 Ramki umożliwiają podział ekranu przeglądarki na części (okienka), za zawartość których odpowiadają różne pliki <frameset cols="200px,*,200px bordercolor= green" > <frame src="plik1 plik1.html html"/> </frameset> cols określa liczbę kolumn cols określa liczbę kolumn bordercolor kolor obramowania ramek border określa grubość ramek

12 <frameset rows="200px,*,200px >, <frame src="plik1 plik1.html html"/> </frameset> <frameset cols="200px,*,200px > <frameset rows="200px,*,200px > p,, p </frameset> </frameset> rows określa liczbę wierszy

13 <frame> określa właściwości poszczególnych ramek <frame src= plik.html name="nazwa1" scrolling= auto" noresize="noresize" marginwidth="x" marginheight="y" frameborder= 0 /> src nazwa pliku otwieranego w ramce name nazwa ramki scrolling (yes/no/auto) pozwalanaprzewijanie przewijanie zawartości ramki noresize="noresize" zabrania na ręczną zmianę rozmiaru ramki marginwidth, marginheight dodatkowe marginesy frameborder wielkość obramowania wczytywanie strony do ramki <a target= nazwa ramki" href= adres strony">opis linku</a>

14 <meta> służą do umieszczania informacji o samym dokumencie lub nagłówków HTTP w foramcie klucz wartość <meta name="description" content= strona przedmiotu" /> name nazwa klucza content wartość klucza description krótki opis zawartości dokumentu <meta name= author" content= Miś Colabor" /> author informacja o autorze strony <meta http equiv="content Type" content="text/html; charset=iso "> określenie kodowania znaków <meta http equiv="refresh: 5"> określenie co ile sekund przeglądarka powinna odświeżyć zawartość strony

15 pozwala dołączyć arkusz ze stylami <link> <link rel="stylesheet" l"tl t" href="arkusz.css" " type="text/css" t/ " /> <style type="text/css"> element { reguła: wartość} </style> <style> <script> umożliwia wstawianie skryptów najczęściej napisanych w JavaScript