">

Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML Część 4 Prowadzący: Dariusz Jaruga djaruga@klub.chip.pl.

Podobne prezentacje


Prezentacja na temat: "Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML Część 4 Prowadzący: Dariusz Jaruga djaruga@klub.chip.pl."— Zapis prezentacji:

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 />


Pobierz ppt "Specjalizacja "Dziennikarstwo On-line„ HTML – XHTML Część 4 Prowadzący: Dariusz Jaruga djaruga@klub.chip.pl."

Podobne prezentacje


Reklamy Google