Pobierz prezentację
1
Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML Część 4 Prowadzący: Dariusz Jaruga
2
Przekazywanie parametrów do skryptu CGI
Czym jest skrypt CGI ? #!perl print "Content-type: text/html\n\n"; print "TEST OK\n"; <!DOCTYPE HTML> <html> <body> <?PHP $ip=getenv('REMOTE_ADDR'); echo $ip ?> <?PHP phpinfo(); ?> </body> </html>
3
Przekazywanie parametrów do skryptu CGI
Metody PUSH i GET Metoda GET <form method=get action="/lab/cgi-bin/printenv.pl"> Metoda PUSH <form method=post action="/lab/cgi-bin/printenv.pl">
4
Formularz <form method=post | get action="/lab/cgi-bin/printenv.pl > <input type="text| hidden| password| image| submit| reset| button | | range | url | file" name="imie"> <select name="plec"> <option>k</option> <option>m</option> </select> <textarea name="opis" rows="5" cols="60"></textarea> Czerwony:<input type="radio" name="kolor" value="czerwony"> Zielony:<input type="radio" name="kolor" value="zielony"> Gotowanie:<input type="checkbox" name="hobby" value="gotowanie"> Znaczki:<input type="checkbox" name="hobby" value="znaczki"> </form>
5
<form method=post action="/lab/cgi-bin/printenv.pl">
Formularze <form method=post action="/lab/cgi-bin/printenv.pl"> <input type="text" name="imie"> <input type="text" name=„nazwisko"> <select name="plec"> <option>k</option> <option>m</option> </select> <input type="reset" value="kasuj"> <input type="submit" value=" wyślij dane "> </form>
6
<textarea name="opis" rows="5" cols="60"></textarea>
Formularze Czerwony:<input type="radio" name="kolor" value="czerwony"> Zielony:<input type="radio" name="kolor" value="zielony"> Niebieski:<input type="radio" name="kolor" value="niebieski"> Czarny:<input type="radio" name="kolor" value="czarny"> <textarea name="opis" rows="5" cols="60"></textarea>
7
<input type="hidden" name="imie" value="wartosc ukryta">
Formularze <input type="hidden" name="imie" value="wartosc ukryta"> <form method=post action="/lab/cgi-bin/printenv.pl" enctype="multipart/form-data"> <input type="file" name="plik" value="pliczek" >
8
Formularze Rybki:<input type="checkbox" name="hobby" value="rybki"> Modelarstwo:<input type="checkbox" name="hobby" value="modelarstwo"> Gotowanie:<input type="checkbox" name="hobby" value="gotowanie"> Znaczki:<input type="checkbox" name="hobby" value="znaczki"> Programowanie:<input type="checkbox" name="hobby" value="programowanie">
9
FF Formularze - range IE Opera Chrome <form action="skrypt.php"> <p> Zakres lat: <input type="range" name="points" min="1900" max="2100"> </p> <input type="submit" value="Nadaj"> </form>
10
Formularze - placeholder
<form action="skrypt.php"> […] <textarea cols="60" rows="5" type="text" name="adres" placeholder="Tu podaj swoj adres zamieszkania wraz z kodem pocztowym"></textarea> […] </form>
11
Formularze - <optgroup>
<form action="skrypt.php"> […] <optgroup label="Kolorystyka ciepła"> <option value="czerwony">czerwony</option> <option value="pomarańczowy">pomarańczowy</option> <option value="żółty">żółty</option> <option value="brązowy">brązowy</option> </optgroup> […] </form>
12
Formularze - <fieldset>, <legend>
<form action="skrypt.php"> […] <fieldset> <legend>Dane osobowe:</legend> Imię: <input type="text" name="imie"><br><br> Nazwisko: <input type="text" name="nazwisko"><br><br> <input type="text" name=" "><br><br> </fieldset> […] </form>
13
Formularze - <form>
Atrybuty: method = „get | post” metoda wysyłania danych enctype = „MIME” definicja sposóbu kodowania danych z formularza wartość domyślna: application/x-www-form-urlencoded dla przesyłania plików: multipart/form-data dla formularzy typu text/plain Przykłady: <form action=„skrypt-cgi" method=„get" > <form action=„skrypt-cgi" method="post" > <form action=„skrypt-cgi" method="post" enctype="multipart/form-data"> <form enctype="text/plain„ listu" method="Post">
14
Formularze - <input>
Atrybuty: checked zaznaczenie elementu disabled wyłączenie elementu name nazwa elementu maxlength maksymalna długość tekstu readonly element tylko do odczytu, brak możliwości zmiany wartości size szerokość elementu src żródło do pliku graficznego z wyglądem klawisza style / class type "text | password | checkbox | radio | submit | reset | file | hidden | image | button" value wartość parametru Przykłady: <input type="text" name="nazwisko" > <input type="text" name="nazwisko" size=50 > <input type="text" name="nazwisko" value=„Kowalski” >
15
Formularze - <textarea>
Atrybuty: disabled wyłączenie elementu name nazwa elementu cols liczba kolumn tekstu rows liczba wierszy tekstu readonly element tylko do odczytu, brak możliwości zmiany wartości style / class Przykłady: <textarea name="tekst"></textarea> <textarea name="tekst">Tu tekst domyślny</textarea> <textarea name="tekst" rows=„3" cols=„60"></textarea> <textarea name="tekst" rows=„6" cols=„60">Tu tekst domyślny</textarea>
16
Formularze - <select>
Atrybuty: disabled wyłączenie elementu name nazwa elementu multiple możliwość wyboru wielu elementów selected opcja domyślnie wybrana znacznik <option> size szerokość elementu style / class Przykłady: <select name=„płeć"> <option selected value=„K">Kobieta</option> <option value=„M">Mężczyzna</option> </select><br />
