Formuláře

Tag FORM

<form method="POST" action=mailto:adresa@server>

<form method="POST" action="adresa SCRIPTU">

my akci nebudeme vlastně provádět, protože skcriptovací jazyk na zpracování formuláře budete mít až v semináři...

takže necháme jen formálně zapsáno

  prvky:

<INPUT type=[text | password | checkbox | radio | submit | reset ] >

Textové pole, size - velikost šířka ve znacích, předvyplněná hodnota

<INPUT TYPE="text" NAME = "jmeno" SIZE = 24 value="ahoj">

Přepínač - seskupovaný podle jména (name), hodnota (value), u jedné položky může být atribut Checked - ta je pak zvolena jako výchozí

<INPUT TYPE="radio" NAME = "ZM"  checked VALUE="pan">

Zaškrtávací políčko - je-li zaškrtnuto předá se hodnota proměnné jmeno2, atribut Checked - je zaškrtnuto

<input type="checkbox" name="jmeno2" value="hodnota">

<input type="checkbox" name="jmeno2" value="hodnota" checked>

Tlačítka odeslat, vynulovat

<INPUT TYPE = "submit"><INPUT TYPE ="reset"¨>

Pole se seznamem přiřadí proměnné jmeno3 vybranou hodnotu

<SELECT NAME = "jmeno3">

  <OPTION value="h1">text1</OPTION>

  <OPTION value="h2">text2</OPTION>

  <OPTION value="h3">text3</OPTION>

     :

<OPTION value="hn">textn</OPTION>

</SELECT>

select jako odkaz na jinou stránku

<select onchange="location.href=this.options[this.selectedIndex].value">

    <option value>vyberte</option>

    <option value="str1.html">První možnost</option>

  <option value="str2.html">Druhá možnost</option>

  <option value="http://www.seznam.cz/index.html">Seznam</option>

</select>

Textová oblast - velikost sloupce - počet znaků, počet řádků

<TEXTAREA name="a" cols="25" rows="3">Co tu bude na začátku napsáno</textarea>

Příklad:

<FORM ACTION = "hlasovani.asp" METHOD = "post">

<P>Zadejte své jméno:      <INPUT TYPE="text" NAME = "jmeno" SIZE = 24>

<P>Zadejte své příjmení: <INPUT TYPE="text" NAME = "prijmeni" SIZE = 48>

<P>Pohlaví:                           <INPUT TYPE="radio" NAME = "ZM"  checked value="pan"> MUŽ

                                                    <INPUT TYPE="radio" NAME = "ZM" value="paní"> ŽENA

<P>Jakou příchuť zmrzliny máte nejraději:

                                                    <SELECT NAME = "prichut">

      <OPTION value="van">vanilková </OPTION>

      <OPTION value="jah">jahodová  </OPTION>

      <OPTION value="cok">čokoládová </OPTION>

      <OPTION value="mal">malinová </OPTION>

      <OPTION value="sme">smetanová s oříšky </OPTION>

                                                    </SELECT>

<P>Přízdoba:

                                              <input type="checkbox" name="cokol" value="cokol"> Čokoládová,

                                              <input type="checkbox" name="orech" value="orech"> Oříšky<P>

<INPUT TYPE = submit><INPUT TYPE = reset>

<P>Heslo: <INPUT TYPE="password" NAME = "jmeno" SIZE = 24>

</FORM>

Úkol pro dobrovolníky a seminaristy

Vytvoř v kterémkoliv z hotových webů rok (div/plovoucí obsah) novou stránku pruzkum.html a na ni odkaz v nabídce úvodní stránky webu.

form lze zastylovat a jednotlivé prvky upravit do tabulky například (otázky si můžete vytvořit podle své fantazie):

nebo lze zastylovat buňky tabulky třídami 

.otazka {

        padding-left: 5px;

background: #A0522D;

color: white;

border: groove;

}

.odpoved {

        padding-left: 5px;

background: white;

color: #A0522D;

border: groove;

}