Formularze HTML. dr Radosław Matusik. radmat

Podobne dokumenty
Formularze w PHP dla początkujących

Tworzenie stron internetowych z wykorzystaniem HTM5, JavaScript, CSS3 i jquery. Łukasz Bartczuk

FORMULARZE Formularz ma formę ankiety, którą można wypełnić na stronie. Taki formularz może być np. przesłany pocztą elektroniczną .

FORMULARZE. G. Przęczek

Dokument hipertekstowy

Wykład 03 JavaScript. Michał Drabik

Ćwiczenie 7 - Formularze

HTML ciąg dalszy. Listy, formularze

Wprowadzenie do Internetu Zajęcia 5

SSK - Techniki Internetowe

obecnie tabeli nie stosuje się do budowy struktury witryny (stosuje się za to pozycjonowanie elementów i warstwy) faktycznie wymagają

LABORATORIUM 2 WSTĘP DO SIECI TELEINFORMATYCZNYCH TABELE I FORMULARZE

Umieszczanie kodu. kod skryptu

Wykład 4. Specyfikacje XHTML, formularze

Zaawansowane bazy danych i hurtownie danych studia zaoczne II stopnia, sem. I

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

Wybrane znaczniki HTML

KURS HTML 12. FORMULARZE

TIN Techniki Internetowe zima

Aplikacje WWW - laboratorium

Dynamiczne generowanie pliku PDF

CGI (Common Gateway Interface)

Format HTML. Wybrane działy Informatyki Stosowanej. Definicja i przeznaczenie Struktura dokumentu Znaczniki Formularze i komponenty

Programy CGI dla baz danych

Aplikacje internetowe

Aplikacje internetowe - laboratorium

Obiektowe bazy danych

A P L I K A C J E I N T E R N E T O W E KONSPEKT nr 3 (DIV, galeria, formularze)

Bazy danych postgresql programowanie i implementacja

Projektowanie stron WWW

Zajęcia 13 wykorzystanie MySQL w PHP cz. 2

Laboratorium 1 Wprowadzenie do PHP

Na początku utworzymy formularz w czystym języku HTML i przetestujemy go za pomocą przeglądarki WWW.

Systemy internetowe HTML

Komponent Formularz. Rys. 1. Strona programu Joomla - Rys. 2. Instalacja komponentu

ZAAWANSOWANE BAZY DANYCH I HURTOWNIE DANYCH MySQL, PHP

Podstawy JavaScript ćwiczenia

Celem ćwiczenia jest zapoznanie z językiem HTML i JavaScript, zasadami tworzenia stron WWW i umieszczania na nich skryptów w języku JavaScript.

Zajęcia 4 - Wprowadzenie do Javascript

Szablon główny (plik guestbook.php) będzie miał postać:

Bazy Danych i Usługi Sieciowe

JavaScript - wykład 4. Zdarzenia i formularze. Obsługa zdarzeń. Zdarzenia. Mysz. Logiczne. Klawiatura. Beata Pańczyk

Przykład programu w PHP. Wykład10.PHP ciągdalszy,str.1

Budowa dokumentu HTML 5

Zajęcia 10 obsługa formularzy w PHP

Programowanie internetowe

Dane - pobieranie, przekazywanie i przechowywanie. dr Beata Kuźmińska-Sołśnia

Tworzenie Stron Internetowych. odcinek 4

Autor: Joanna Karwowska

imię kod ulica prześlij Dzięki formularzom możliwe jest pobieranie danych, a nie tylko ich wyświetlanie.

Dokumentacja Skryptu Mapy ver.1.1

PHP5. Praktyczny kurs

Technologie Internetowe

PHP w-3. Sterowanie w PHP

Scenariusz lekcji. Scenariusz lekcji 1 TEMAT LEKCJI: Tablice w PHP 2 CELE LEKCJI: 2.1 Wiadomości: 2.2 Umiejętności: 3 METODY NAUCZANIA

14. POZOSTAŁE CIEKAWE FUNKCJE

Współpraca PHP z MySql

XHTML, CSS i JavaScript. Pierwsza pomoc

Wprowadzenie do języka JavaScript

Przetwarzanie dokumentów XML i zaawansowane techniki WWW Zdarzenia w JavaScript (Zajęcia r.)

Komunikacja między klientem, a skryptem PHP, oraz operacje na plikach

Dokonaj analizy poniŝszego kodu i na jego podstawie wyświetl w oknie przeglądarki swoje Imię oraz Nazwisko przy uŝyciu instrukcji echo i print

Architektura WWW. HTML Część I - Podstawy. HTML język tworzenia stron WWW. Znaczniki HTML. Struktura dokumentu HTML. Kodowanie polskich liter

Podstawy programowania (PHP/Java)

Podstawy języka PHP. Umieszczanie skryptu na stronie

Wykład 5_1 TINT Formularze. Zofia Kruczkiewicz

Tworzenie Stron Internetowych. odcinek 4

Aplikacje internetowe

Bootstrap. Tworzenie serwisów Web 2.0. dr inż. Robert Perliński

Współpraca PHP z MySql cz.2

Krótki kurs JavaScript

ASP.NET MVC. Podstawy. Zaawansowane programowanie internetowe Instrukcja nr 3

JavaScript. Podrêcznik tworzenia interaktywnych stron internetowych. Wydanie II

Przykładowa integracja systemu Transferuj.pl

Zaawansowane aplikacje internetowe

Systemy internetowe. Wykład 3 PHP. West Pomeranian University of Technology, Szczecin; Faculty of Computer Science

Witryna internetowa. Należy unikać w nazwach plików używania polskich znaków.

Wybrane działy Informatyki Stosowanej

Sprawdzenie czy połączenie przebiegło poprawnie if (mysqli_connect_errno()) { echo Błąd; Połączenie z bazą danych nie powiodło się.

Instrukcje dołączania plików

Wydawnictwo Helion ul. Chopina 6, Gliwice, POLAND telefon: (32) , fax: (32) w.10 mail:

Tworzenie witryn internetowych PHP/Java. (mgr inż. Marek Downar)

Technologie informacyjne lab. 4

Dokumenty SEDU składają się z dwóch części: Opisu sprawy Formularza elektronicznego

Przewodnik... Tworzenie ankiet

Wprowadzenie do Internetu zajęcia 4

JAVAScript tablice, przekazanie danych do funkcji, obiekty Date i window

Języki skryptowe - PHP. Podstawy PHP. Paweł Kasprowski. pawel@kasprowski.pl. vl07

APLIKACJE INTERNETOWE 1 HTML - STRUKTURA STRONY INTERNETOWEJ

Programy CGI dla baz danych

Wyszukiwanie największej spośród czterech liczb. Przykładowe rozwiązanie

2. Prezentacja wizualna

NOWY SZABLON IMPORTU PLIKÓW

Przewodnik... Tworzenie Landing Page

Projekt strony internetowej firmy organizującej przyjęcia

Zdarzenia Zdarzenia onload i onunload

Języki programowania wysokiego poziomu. PHP cz.3. Formularze

WellCommerce Poradnik: CMS

Ćwiczenie 7 - PHP (3)

Transkrypt:

www.math.uni.lodz.pl/ radmat

Ramy formularza: <form action="plik.php" method="post" name="formularz"> </form>

Grupowanie pól formularza <form action="plik.php" method="post" name="formularz"> <fieldset> </fieldset> </form>

Grupowanie pól formularza z tytułem <form action="plik.php" method="post" name="formularz"> <fieldset> <legend>tytuł</legend> </fieldset> </form>

Elementy formularza:

Elementy formularza: Jednolinijkowe pole tekstowe <input type= text / >

Elementy formularza: Jednolinijkowe pole tekstowe <input type= text / > Pole hasła <input type= password / >

Elementy formularza: Jednolinijkowe pole tekstowe <input type= text / > Pole hasła <input type= password / > Wielolinijkowe pole teksotwe <textarea>... </textarea>

Elementy formularza: Jednolinijkowe pole tekstowe <input type= text / > Pole hasła <input type= password / > Wielolinijkowe pole teksotwe <textarea>... </textarea> Pole jednokrotnego wyboru <input type= radio / >

Elementy formularza: Jednolinijkowe pole tekstowe <input type= text / > Pole hasła <input type= password / > Wielolinijkowe pole teksotwe <textarea>... </textarea> Pole jednokrotnego wyboru <input type= radio / > Pole wielokrotnego wyboru <input type= checkbox / >

Elementy formularza: Jednolinijkowe pole tekstowe <input type= text / > Pole hasła <input type= password / > Wielolinijkowe pole teksotwe <textarea>... </textarea> Pole jednokrotnego wyboru <input type= radio / > Pole wielokrotnego wyboru <input type= checkbox / > Lista rozwijana <select>

Atrybuty Wspólnym atrybutem dla wyżej wymienionych składowych formularza jest name - unikalna nazwa.

Jednolinijkowe pole tekstowe Atrybuty:

Jednolinijkowe pole tekstowe Atrybuty: size= n - długość pola

Jednolinijkowe pole tekstowe Atrybuty: size= n - długość pola maxlength= n - maksymalna liczba znaków do wpisania

Jednolinijkowe pole tekstowe Atrybuty: size= n - długość pola maxlength= n - maksymalna liczba znaków do wpisania value= tekst - tekst wyświetlany w polu

Jednolinijkowe pole tekstowe Atrybuty: size= n - długość pola maxlength= n - maksymalna liczba znaków do wpisania value= tekst - tekst wyświetlany w polu readonly= readonly - pole tylko do odczytu

Jednolinijkowe pole tekstowe Atrybuty: size= n - długość pola maxlength= n - maksymalna liczba znaków do wpisania value= tekst - tekst wyświetlany w polu readonly= readonly - pole tylko do odczytu disabled= disabled - zablokowanie możliwości edycji pola

Przykład 1 <label>podaj swoje imię:</label> <input type="text" name="imie" />

Wielolinijkowe pole tekstowe Atrybuty:

Wielolinijkowe pole tekstowe Atrybuty: cols= n - szerokość pola

Wielolinijkowe pole tekstowe Atrybuty: cols= n - szerokość pola rows= n - wysokość pola

Wielolinijkowe pole tekstowe Atrybuty: cols= n - szerokość pola rows= n - wysokość pola readonly= readonly

Wielolinijkowe pole tekstowe Atrybuty: cols= n - szerokość pola rows= n - wysokość pola readonly= readonly disabled= disabled

Przykład 2 <textarea rows="10" cols="50"> Tekst </textarea>

Pole jednokrotnego wyboru Atrybuty:

Pole jednokrotnego wyboru Atrybuty: checked= checked - domyślne zaznaczenie pola

Przykład 3 <label>wybierz wiek</label> <input type="radio" name="wiek" value="dwadziescia" id="wiek_0" /> 11-20 <br /> <input type="radio" name="wiek" value="trzydziesci" id="wiek_1" /> 21-30 <br /> <input type="radio" name="wiek" value="czterdziesci" id="wiek_2" /> 31-40

Pole wielokrotnego wyboru Atrybuty:

Pole wielokrotnego wyboru Atrybuty: checked= checked

Przykład 4 Uwaga! Ponieważ możemy zaznaczyć kilka odpowiedzi, to inaczej wygląda sposób przesyłania danych z formularza do skryptu PHP. Jego obsługą, tj. wyświetleniem wszystkich zaznaczonych pól zajmiemy się w dalszej części kursu, gdy poznamy tablice i pętle.

Przykład 4 Uwaga! Ponieważ możemy zaznaczyć kilka odpowiedzi, to inaczej wygląda sposób przesyłania danych z formularza do skryptu PHP. Jego obsługą, tj. wyświetleniem wszystkich zaznaczonych pól zajmiemy się w dalszej części kursu, gdy poznamy tablice i pętle. <label>wybierz swoje hobby</label> <input type="checkbox" name="hobby[]" value="sport" id="checkboxgroup1_0" /> sport <br /> <input type="checkbox" name="hobby[]" value="muzyka" id="checkboxgroup1_1" /> muzyka <br /> <input type="checkbox" name="hobby[]" value="gotowanie" id="checkboxgroup1_2" /> gotowanie

Lista rozwijana Atrybuty:

Lista rozwijana Atrybuty: selected= selected - domyślne zaznaczenie

Lista rozwijana Atrybuty: selected= selected - domyślne zaznaczenie size= n - liczba widocznych wierszy

Lista rozwijana Atrybuty: selected= selected - domyślne zaznaczenie size= n - liczba widocznych wierszy multiple= multiple - umożliwia zaznaczenie kilku pozycji

Przykład 5 <label>wybierz województwo:</label> <select name="wojewodztwo" size="1"> <option value="lodzkie">łódzkie</option> <option value="mazowieckie">mazowieckie</option> <option value="slaskie">śląskie</option> </select>

Lista rozwijana z grupowaniem <select id="opcje" name="opcje" size="4"> <optgroup label="dni wolne"> <option>sobota</option> <option>niedziela</option> </optgroup> <optgroup label="dni robocze"> <option>poniedziałek</option> <option>wtorek</option> <option>środa</option> <option>czwartek</option> <option>piątek</option> </optgroup> </select>

Przycisk wysyłający dane <input type="submit" name="wyslij" value="prześlij dane" />

Przycisk graficzny wysyłający dane Aby wstawić do formularza przycisk z własną grafiką, należy napisać: <input type="image" src="grafika.gif" alt="wyślij">

Przycisk czyszczący formularz <input type="reset" name="wyczysc" value="wyczyść formularz" />

Przykład 6 Utworzymy teraz na stronie WWW formularz, który będzie się składał z jednolinijkowego pola tekstowego, do którego użytkownik będzie mógł wprowadzać informację, a następnie wyświetlimy tę informację. Obsługę wyświetlania zapewni nam skrypt PHP.

Plik index.html <body> </body>

Plik index.html <body> <form action="imie.php" method="post" name="formularz"> </form> </body>

Plik index.html <body> <form action="imie.php" method="post" name="formularz"> <label for="imie">imię</label> </form> </body>

Plik index.html <body> <form action="imie.php" method="post" name="formularz"> <label for="imie">imię</label> <input type="text" name="imie" /> </form> </body>

Plik index.html <body> <form action="imie.php" method="post" name="formularz"> <label for="imie">imię</label> <input type="text" name="imie" /> <input type="submit" name="wyslij" value="prześlij dane" /> </form> </body>

Plik imie.php <html> <body> Dziękuję Ci <?php echo $_POST[ imie ];?> za wypełnienie formularza. </body> </html>

Zmienne Zmienne w PHP (podobnie jak w innych językach programowania) przechowują różne wartości (m.in. liczby rzeczywiste, całkowite, czy ciągi znaków). W PHP nie ma konieczności deklarowania zmiennych. Można ich używać od miejsca, w którym zostały umieszczone w kodzie. Zmienną tworzy znak dolara i nazwa, np. $zmienna.

Zmienne Zmienne w PHP (podobnie jak w innych językach programowania) przechowują różne wartości (m.in. liczby rzeczywiste, całkowite, czy ciągi znaków). W PHP nie ma konieczności deklarowania zmiennych. Można ich używać od miejsca, w którym zostały umieszczone w kodzie. Zmienną tworzy znak dolara i nazwa, np. $zmienna. W celu ułatwienia sobie pracy warto pobierane dane z formularzy przypisywać do zmiennych, np. $zmienna=$ POST[ imie ].