Formuláře

Úvod   Formulářové tagy   Atributy tagů   Předávání parametrů   Závěrem

Úvod

    Formulář se vkládá do stránky pomocí několika tagů viz tabulka formulářových tagů, hlavně pak tagem <form>, který je tag párový, takže je taky ukončen </form>.Tag form tedy začíná a končí formulář. Samotné tagy se však týkají hlavně vzhledu, ještě se musí předat parametry nějaké stránce, která bude příkaz zpracovávat a vygeneruje výslednou html stránku. Nejčastěji se na zpracovávání používají scripty. Stránky které používají scripty, jsou většinou zakončeny příponou .php (pro php scripty), nebo .asp (pro asp scripty), namísto klasické přípony .htm.


Formulářové tagy

Tag Popis
<form></form> začíná a končí formulář
<input> vstup (pole,zaškrtávací tlačítka, viz atributy)
<select></select> výběr
<textarea></textarea> textové pole


Atributy tagů

    Nejdůležitější atributy formulářových tagů jsou NAME a VALUE

  • Name má za úkol identifikovat a posílat své jméno s daty. Tento atribut musí mít každý vstupní prvek formuláře.Blíže se můžete podívat na tabulku atributů. Pro zajímavost ještě stojí, že když je více stejných jmen, třeba u zaškrtávacího políčka (přepínačů), bude zatržený jen jeden. Příklad:
    <input type=radio name=moznost value=prvni checked>1. možnost<br>
    <input type=radio name=moznost value=druha>2. možnost


    1. možnost
    2. možnost

    Mimochodem hodnota checked znamená, že toto políčko bude přednastavené jako implicitní.
    A při obrázkovém odesílání se při kliknutí musí odesílat souřadnice a to připojením tečky s písmenky x a y. příklad: obrazek.x=320&obrazek.y=240.Tady si můžete všimnout, že pokud je více vstupních polí, tak se jednotlivé položky oddělují znakem &
  • Value znamená u tlačítek nápis na tlačítku. U ostatních prvků je to hodnota, která se odesílá s daty.
  •     A teď k té tabulce atributů:

    Atributy tagu <form></form> Ukázka Popis
    action <form action="zpracuj.htm" method="get" target="_self"> obsahuje adresu na stránku, kde bude formulář zpracován (většinou to jsou skripty .php, .asp)
    method <form action="zpracuj.htm" method="get" target="_self"> způsob kterým budou data zpracována (get/post). Post je trošku složitější, protože data odesílá jako samostatný HTTP objekt, kdežto GET je součástí URL
    target <form action="zpracuj.htm" method="get" target="_self"> určuje cílové okno, podobně jako u odkazů
    Atributy tagu <input> Ukázka Popis
    type="text" Textové vstupní pole
    type="password" Textové vstupní pole, kde je text skryt hvězdičkami
    type="checkbox" Zaškrtávací políčko
    type="radio" 1. možnost
    2. možnost
    Přepínač (viz text nahoře)
    type="image"
    Odesílací tlačítko, které posílá souřadnice kliknutí
    type="reset" Tlačítko které obnoví původní hodnoty
    type="submit"
    Klasické odesílací tlačítko
    type="file" Pro zadání cesty k souboru
    type="hidden" Skryté pole, které se nedá měnit
    Atributy tagu <select></select> Ukázka Popis
    <select name="moznost" size="1">
    <option value="prvni" selected>1.
    <option value="druha">2.
    <option value="treti">3.
    </select>
    Výběr, který se zobrazuje jen v jednom řádku (size=1) a je předem vybrána jednička příkazem selected
    <select name="moznost" size="2">
    <option value="prvni" selected>1.
    <option value="druha">2.
    <option value="treti">3.
    </select>
    Výběr, který se zobrazuje ve dvou řádcích (size=2) a je předem vybrána jednička příkazem selected
    <select name="moznost" size="3">
    <option value="prvni" selected>1.
    <option value="druha">2.
    <option value="treti">3.
    </select>
    Výběr, který se zobrazuje ve všech řádcích (size=3 odpovídá počtu položek) a je předem vybrána jednička příkazem selected
    type="submit"
    Klasické odesílací tlačítko
    Atributy tagu <textarea></textarea> Ukázka Popis
    <textarea size="10" rows="5" cols="10" name="text">Textové pole </textarea> Pole pro zadávání textů
    type="submit"
    Klasické odesílací tlačítko


        Navíc u textových vstupních polí existuje ještě atribut size, který udává velikost pole a hodnota value, která předepisuje text do textového pole. Pro bližší seznámení s formuláři doporučuji knihy od www.kosek.cz html a php.


    Předávání parametrů

        Když do vstupního pole napíšeme nějakou hodnotu a odešleme, bude cílem stránka, která má tu hodnotu zpracovat. Když zadáte sem hodnotu a kliknete na "odeslat"

    a podíváte se do příkazové řádky, uvidíte jméno stránky, která zpracovává tu hodnotu, kterou jste zadali. Dále otazník a za ním název, který jsem určil já v atributu name="nazev", rovnítko a vaši hodnotu. Pro zajímavost, oblast za otazníkem se jmenuje query string.Teď, už cílová stránka zná parametry a může je zpracovávat. K tomu doporučuji prostudovat php scripty, nebo nějaký jazyk který dokáže zpracovávat formuláře. Podle mě je php nejlepší. Více na www.php.cz

    Závěrem

        Problematika formulářů je na delší povídání, já se zde zmiňuji o formulářích jen okrajově. Pro bližší studium bych doporučil knihy od p. Koska - HTML a PHP scripty


    Nahoru
    Příbuzná témata:  Obrázky  Odkazy

    Jestliže máte dotaz, tak mi napište: biaggi@biaggi.cz

    Poslední aktualizace: 29. 9. 2001











    Tvorba internetových stránek od 1.000 Kč



    Výroba www stránek od 1.000 Kč
    reklama

    Programování HTML

    Menu :  Html  CSS  Ostatni  Odkazy