Kurs dostosowywania szablon�w HTML

Wstecz Strona g��wna Dalej
 

Krok Krok 14: Dodawanie formularza

W tym kroku w dolnej cz�ci strony dodawany jest prosty formularz zg�aszania problemu.

  1. Po wierszu zawieraj�cym komentarz <!-- APPLET --> dodaj nast�puj�ce wiersze:

    <br>
    <br>
    <h2 id=problem> Zg�oszenie problemu </h2>
    <FORM id=fmReport method="get" action="report.html" >
    Imi� i nazwisko: <input type="text" name=txtName ><br><br>
    Identyfikator pracownika: <input type="text" name=txtID ><br><br>
    <input type="hidden" name="txtOS" >
    Opis problemu:<br>
    <textarea name=txaDesc rows=4 cols=40></TEXTAREA><BR><BR>
    <input type="submit" name="btnSubmit" value="Wy�lij raport">
    <input type="reset" name=btnReset>
    </FORM>
    <br>
    <br>
    <a href="#topholder">Powr�t na pocz�tek</a>


    W g�rnej cz�ci tej sekcji zosta� dodany tytu� Zg�oszenie problemu. W dolnej cz�ci tej sekcji zosta� dodany odsy�acz hipertekstowy umo�liwiaj�cy powr�t na pocz�tek strony.

    Element FORM zawiera cztery pola wej�ciowe i dwa przyciski:
    W elemencie FORM zosta�o podane ustawienie method="get", dzi�ki kt�remu zawarto�� p�l wej�ciowych formularza zostanie do��czona w postaci par nazwa/warto�� na ko�cu adresu URL po naci�ni�ciu przycisku s�u��cego do wysy�ania. Zosta�o podane ustawienie action="report.html". Plik report.html znajduje si� na serwerze i zawiera kod JavaScript s�u��cy do przetwarzania tych warto�ci.

    Metoda "get" zosta�a tutaj wybrana dlatego, �e mo�na j� �atwiej zaimplementowa� w rzeczywistym kodzie na potrzeby tego kursu. Programuj�c w�asn� stron�, nale�y stosowa� rekomendacje organizacji World Wide Web Consortium (W3C), u�ywaj�c ustawienia method="post" i ustawiaj�c dla parametru action= nazw� przetwarzaj�cego pliku skryptowego, takiego jak plik w j�zyku PERL, kt�ry znajduje si� na serwerze.

    W celach demonstracyjnych tego kursu plik report.html tylko wy�wietla dane zamiast je przetwarza�.

    Zobacz kod JavaScript znajduj�cy si� w pliku report.html.

    Zobacz zmodyfikowany plik niestandardowego szablonu HTML.

  2. Zapisz i zamknij plik niestandardowego szablonu HTML.

  3. Ponownie wygeneruj pliki wyj�ciowe kreatora wdra�ania.

Poni�ej zaprezentowano wynikow� stron� WWW.

Po naci�ni�ciu przycisku s�u��cego do wysy�ania przegl�darka przechodzi do pliku report.html.
Zobacz stron� wygenerowan� przez plik report.html.

 

Strona pulpitu z formularzem

Wstecz
Strona g��wna
Dalej