HTML manuál:

Příklady HTML textu:

HTML zobrazení:

Formulář:
<form>...</form>... párový tag formuláře
Syntax - struktura formuláře:
<form [atributy=hodnoty...]>
prvky formuláře
</form>
Atributy:
<form action="adresa CGI scriptu">
... jméno CGI scriptu, který údaje zpracovává
<form method="post/get"... způsob zpracování dat
Způsob zpracování dat:
post ... data posílaná do scriptu
get ... data získávaná ze scriptu

Příklad:
<form method="POST"><p>
<textarea name="S1"
rows="2" cols="20">
</textarea></p></form>

Způsob zpracování dat:
<form method="POST"
action="mailto:jedlickak@seznam.cz>
</form>

Textové vstupní pole:
<input>... nepárový tag vstupního pole

Syntax - struktura vstupního pole:
<input type= name= value= >

Atributy:
<input type="typ" ... typ pole
<input name="jméno" ... jméno pole
<input value="hodnota"... implicitní hodnota
<input size= ... velikost vstupního pole, počet viditelných znaků
<input maxlengh= ... počet znaků určujících šířku okénka
<input checked ... nastavení implicitního zaškrtnutí tlačítka

Typy vstupního pole type=:
jednořádkové textové pole| heslo|
zaškrtávací políčko| přepínač| tlačítko
text ... jednořádkové textové pole pro vstup textu, atributem value lze zadat počáteční hodnotu
password ... totéž, co text (pro heslo), není
zobrazována hodnota (vypisují se hvězdičky )
checkbox ... zaškrtávací políčko,
atributem value lze specifikovat hodnotu vrácenou
při zaškrtnutí tohoto políčka
radio ... přepínač - volba jedné možnosti
submit ... tlačítko pro odeslání dat z formuláře,
atributem value specifikovat hodnotu
reset ... tlačítko na vyčištění obsahu - vymazání
hidden ... tlačítko pro skrytý text

Jednořádk.textové pole typu text:
<input type="text" name="jmeno_uzivatele" size=25>

Jednořádk.textové pole password:
<input type="password" name="jmeno_uzivatele" size=10>

Zaškrtávací políčka:
<input name="volba" type="checkbox" value=1>1. volba
<input name="volba" type="checkbox" value=2 checked> 2. volba
<input name="volba" type="checkbox" value=1>3. volba

Přepínače:
<input name="mesic" type="radio" value=Le checked> Leden
<input name="mesic" type="radio" value=Ún> Únor
<input name="mesic" type="radio" value=Br> Březen

Tlačítka:
<input name="Reset buttom" type="reset" value="Smazat">
<input name="Submit buttom" type="submit" value="Odeslat">

Výběrové pole - menu:
<select ...>...</select>... párový tag pole
Slouží k výběru možností ze seznamu
Syntax - struktura výběrového pole: <select name="jméno"
size="číslo" multiple>...
</select>
Atributy:
<select name= ... jméno vstupního pole
<select size= ... maximální počet současně viditelných položek listboxu. Není -li atribut uveden, je vidět jen jedna volba
<select multiple ... definuje vícenásobný listbox (výběr možností)
<option> ... uvození volby položek seznamu

Výběrové pole - menu MSOffice:

<select name="MS Office" size="5" multiple>
<option> MS Word
<option> MS Excel
<option> MS PowerPoint
<option> MS Outlook
<option> MS Access
<option> MS Publisher
<option> MS FrontPage
<option> MS Project
</select>

Víceřádková pole:
<textarea ...>...</textarea>... párový tag Syntax - struktura víceřádkového pole:
<textarea name="jméno"
rows="číslo" cols="číslo"
wrap= >
iplicitni text (zobrazuje se při načtení)
</textarea>
Atributy:
<textarea name= ... jméno víceřádkového pole
<textarea rows= ... počet řádků (výška okna)
<textarea cols= ... počet sloupců (šířka okna)
<textarea wrap= ... způsob zalomení dlouhých řádků

Víceřádkové pole - MS Office:

<textarea rows="10" cols="20" wrap="45">Software MS Office:</textarea>