Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML Część 4 Prowadzący: Dariusz Jaruga djaruga@klub.chip.pl
Przekazywanie parametrów do skryptu CGI Czym jest skrypt CGI ? http://www.do.id.uw.edu.pl/lab/cgi-bin/printenv.pl #!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>
Przekazywanie parametrów do skryptu CGI Metody PUSH i GET Metoda GET http://www.do.id.uw.edu.pl/lab/cgi-bin/printenv.pl?a=1 http://www.do.id.uw.edu.pl/lab/cgi-bin/printenv.pl?a=1&b=2 http://www.do.id.uw.edu.pl/lab/cgi-bin/printenv.pl?a=1&a=ala&a=ola <form method=get action="/lab/cgi-bin/printenv.pl"> Metoda PUSH <form method=post action="/lab/cgi-bin/printenv.pl">
Formularz <form method=post | get action="/lab/cgi-bin/printenv.pl ............ > <input type="text| hidden| password| image| submit| reset| button | email | 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>
<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>
<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>
<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" >
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">
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>
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>
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>
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> e-mail: <input type="text" name="email"><br><br> </fieldset> […] </form>
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 e-mail: 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„ action="mailto:dj@adres.pl?subject=Temat listu" method="Post">
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” >
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>
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 />