FORMULARZE ...


to jeden z najlepszych elementów, które mogą zawierać strony WWW. Służą do komunikacji między autorem serwisu WWW a odwiedzającymi stronę. Przeznaczeniem ich jest zbieranie informacji, a zasada działania podobna do formularzy "papierowych". Każdy formularz musi zostać wypełniony przez respondenta, a następnie odebrany i przetworzony przez zbierającego informacje.

Czym przewyższa formularz elektroniczny formularz "papierowy"?
- oszczędność czasu (łatwość wprowadzania zmian, nie musimy sami roznosić ankiet i mieć bezpośredni kontakt z respondentami),
- oszczędność papieru,
- możliwość dotarcia do dużo większej liczby respondentów,
- krótszy czas oczekiwania na materiał badawczy

tworzenie prostych formularzy

STRUKTURA FORMULARZA

zawiera ona otwierające i zamykające formularz znaczniki, następnie znaczniki typów pól formularza oraz metodę przetwarzania
<form>

</form>

.... treść formularza

POLE TEKSTOWE JEDNOWIERSZOWE

umożliwia respondentowi wprowadzenie tekstu w pole o wymiarze jednego wiersza. Zazwyczaj pola tekstowe są poprzedzone tekstem objaśniającym, jaki wpis należy dokonać w ramce

<INPUT TYPE="text" SIZE="10" MAXLENGTH="20" NAME="pole_tekstowe">

PRZYCISK OPCJI

umożliwiają zaznaczenie tylko jednego wariantu na liście; pozostałe zostają automatycznie niezaznaczone

kobieta
mężczyzna

<input type="radio" value="kobieta" checked name="plec"><font size="2">kobieta </font> <br>
<input type="radio" name="plec" value="mezczyzna"><font size="2">mężczyzna</font><br>

POLE WYBORU

umożliwia wybranie z listy wielu pozycji
kot
pies
rybka
<INPUT TYPE="checkbox" VALUE="kot" NAME="zwierze" CHECKED>kot<BR> <INPUT TYPE="checkbox" VALUE="pies" NAME="zwierze">pies<BR> <INPUT TYPE="checkbox" VALUE="rybka" NAME="zwierze">rybka<BR>

POLE LISTY ROZWIJANEJ

umożliwia z listy rozwijanej jednej pozycji

<SELECT NAME="zwierze"> <OPTION VALUE="kot">kot</OPTION> <OPTION VALUE="pies" SELECTED>pies</OPTION> <OPTION VALUE="rybka">rybka</OPTION> </SELECT>

POLE (OBSZAR) TEKSTU

Stosowane w formularzach, w których konieczne jest wpisanie wielu linii tekstu

<TEXTAREA name=pole_tekstu rows=4 cols=28 style="font-family: Tahoma">Tutaj możesz wpisać swoje uwagi</TEXTAREA>

PRZYCISK RESET (SKASUJ, WYCZYŚĆ)

umożliwia wyczyszczenie wypełnionych pól formularza

<INPUT type=reset value=Wyczyść name=reset style="font-family: Tahoma">

PRZYCISK SUBMIT (WYŚLIJ)

umożliwia spowodowanie reakcji wysłania wypełnionegol formularza

<INPUT type=submit value=Wyślij name=submit0 style="font-family: Tahoma">
   
PRZYKŁAD
Zobacz przykład ankiety
KOD ANKIETY  
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML Transitional//EN"
<HTML>
<HEAD>
<!-- ankieta -->
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-2">
<META NAME="description" CONTENT="Ankieta-ocena">
<META NAME="Author" CONTENT="kg">
<TITLE>Ankieta</TITLE>
</HEAD>
<BODY>

<br>
<br>
<P align=center STYLE=" font-family: Verdana; font-size: 16px; color: #000000">
<b>KWESTIONARIUSZ<br>OCENY NAUCZYCIELA AKADEMICKIEGO</b><br><br>
w zakresie działalności dydaktycznej</P>

<HR>
<!--<form action="mailto:nazwa_konta@uwm.edu.pl subject=ankieta" enctype="text/plain" method="Post">-->
<form action="index.php?id=wyslij" method="Post">

<input type=hidden name=grupa value=5>

<TABLE order ALIGN="CENTER">
<TR>
<TD ALIGN="RIGHT">
<B><P STYLE=" font-family: Verdana; font-size: 13px; color: #000000">Imię i
nazwisko ocenianego&nbsp;&nbsp; </B>&nbsp;</TD>
<TD ALIGN="LEFT" width="306">
<INPUT SIZE="60" MAXLENGTH="50" NAME="imie_i_nazwisko"></TD>
</TR>
<TR>
<TD ALIGN="RIGHT">
<P STYLE=" font-family: Verdana; font-size: 13px; color: #000000"><b>Nazwa
jednostki&nbsp;&nbsp; </b>&nbsp;</TD>
<TD ALIGN="LEFT" width="306">
<select size="1" name="nazwa_jednostki">
<option>wybierz z listy</option>
<option>Wydział Bioinżynierii Zwierzat</option>
<option>Wydział Biologii</option>
<option>Wydział Geodezji i Gospodarki Przestrzennej</option>
<option>Wydział Humanistyczny</option>
<option>Wydział Medycyny Weterynaryjnej</option>
<option>Wydział Kształtowania Środowiska i Rolnictwa</option>
<option>Wydział Nauk Technicznych</option>
<option>Wydział Ochrony Środowiska i Rybactwa</option>
<option>Wydział Nauk Społecznych i Sztuki</option>
<option>Wydział Nauk Ekonomicznych</option>
<option>Wydział Teologii</option>
<option>Wydział Prawa i Administracji</option>
</select>
</TD>
</TR>
</table>


<HR><br>
<div align="center">
<table border="1" width="721" id="table1">
<tr>
<td width="250" valign="middle" align="center" rowspan="2">
<font face="Verdana">Kryteria oceny</font></td>
<td colspan="5" valign="middle" align="center">
<font face="Verdana" size="2">skala ocen *</font></td>
</tr>
<tr>
<td width="92" valign="middle" height="25" align="center">
<font face="Verdana" size="1">zdecydowanie tak</font></td>
<td width="92" valign="middle" height="25" align="center">
<font face="Verdana" size="1">tak</font></td>
<td width="93" valign="middle" height="25" align="center">
<font face="Verdana" size="1">raczej tak</font></td>
<td width="93" valign="middle" height="25" align="center">
<font face="Verdana" size="1">nie</font></td>
<td width="93" valign="middle" height="25" align="center">
<font face="Verdana" size="1">zdecydowanie nie</font></td>
</tr>
<tr>
<td width="250" valign="middle"><font face="Verdana" size="2">
czy zajęcia realizował(a) systematycznie i zgodnie z planem?</font></td>
<td width="92" valign="middle" align="center">
<input type="radio" value="V1" checked name="R1"></td>
<td width="92" valign="middle" align="center">
<input type="radio" name="R1" value="V2"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R1" value="V3"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R1" value="V4"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R1" value="V5"></td>
</tr>
<tr>
<td width="250" valign="middle"><font face="Verdana" size="2">
czy przekazywał(a) wiadomości w sposób zrozumiały i
interesujący?</font></td>
<td width="92" valign="middle" align="center">
<input type="radio" name="R2" value="V6" checked></td>
<td width="92" valign="middle" align="center">
<input type="radio" name="R2" value="V7"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R2" value="V8"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R2" value="V9"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R2" value="V10"></td>
</tr>
<tr>
<td width="250" valign="middle"><font face="Verdana" size="2">
czy był(a) przygotowany(a) do zajęć dydaktycznych?</font></td>
<td width="92" valign="middle" align="center">
<input type="radio" name="R3" value="V11" checked></td>
<td width="92" valign="middle" align="center">
<input type="radio" name="R3" value="V12"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R3" value="V13"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R3" value="V14"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R3" value="V15"></td>
</tr>
<tr>
<td width="250" valign="middle"><font face="Verdana" size="2">
czy był(a) taktowny(a) i Życzliwy(a) dla studentów?</font></td>
<td width="92" valign="middle" align="center">
<input type="radio" name="R4" value="V16" checked></td>
<td width="92" valign="middle" align="center">
<input type="radio" name="R4" value="V17"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R4" value="V18"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R4" value="V19"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R4" value="V20"></td>
</tr>
<tr>
<td width="250" valign="middle"><font face="Verdana" size="2">
czy był(a) dostępny(a) w godzinach konsultacji?</font></td>
<td width="92" valign="middle" align="center">
<input type="radio" name="R5" value="V21" checked></td>
<td width="92" valign="middle" align="center">
<input type="radio" name="R5" value="V22"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R5" value="V23"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R5" value="V24"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R5" value="V25"></td>
</tr>
<tr>
<td width="250" valign="middle"><font face="Verdana" size="2">
czy podczas zajęć stosował(a) środki audiowizualne?</font></td>
<td width="92" valign="middle" align="center">
<input type="radio" name="R6" value="V26" checked></td>
<td width="92" valign="middle" align="center">
<input type="radio" name="R6" value="V27"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R6" value="V28"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R6" value="V29"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R6" value="V30"></td>
</tr>
<tr>
<td width="250" valign="middle"><font size="2" face="Verdana">
czy realizował(a) program przedmiot(ów) zgodnie z programem
studiów?</font></td>
<td width="92" valign="middle" align="center">
<input type="radio" name="R7" value="V31" checked></td>
<td width="92" valign="middle" align="center">
<input type="radio" name="R7" value="V32"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R7" value="V33"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R7" value="V34"></td>
<td width="93" valign="middle" align="center">
<input type="radio" name="R7" value="V35"></td>
</tr>
</table>
</div>
<TABLE order ALIGN="CENTER">
<TR>
<TD ALIGN="RIGHT">
</TD>
</TR>
<TR>
<TD ALIGN="RIGHT">
</TD>
</TR>
</table>
<p align="left">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<font face="Verdana" size="1">&nbsp;&nbsp; * proszę zaznaczyć odpowiednie pole</font><br>
</p>
<hr width=500>
<p><br>


</p>


<TABLE order ALIGN="CENTER" width="592">
<TR>
<TD width=586 ALIGN="LEFT">

<P align=center STYLE=" font-family: Verdana; color: #000000"><b>
<font size="2">Jakie ma Pan(i) dodatkowe uwagi dotyczące sposobu prowadzenia
zajęć?</font></b></TD>
</TR>
<TR>
<TD ALIGN=center><br>
<!-- Warto&para;ć wpisana między znacznikami TEXTAREA umieszcza go domy&para;lnie w oknie -->
<textarea rows="5" name="uwagi" cols="70"></textarea>
</TD>
</TR></table><br>
<hr width=500>
<p><br>

</p>

<P align=center STYLE=" font-family: Verdana; font-size: 10px; color: #000000">Dziękujemy Państwu za wypełnienie ankiety
</P>

<center>
<INPUT TYPE="submit" VALUE="wyślij ankietę" style="font-family: Verdana"></CENTER>
</FORM>

<HR>

</BODY>
</HTML>