Aktuální zpravodajství a sport

Ostatní, Internet
HTML pro začátečníky 6.díl Tisk E-mail
Napsal Jan Radosta   
Úterý, 01 červenec 2008

Formulář je vlastně skupina objektů, pomocí nichž uživatel vybírá nebo zadává různá data. Ty jsou pak pohromadě odeslány, buď na e-mail nebo na server k dalšímu zpracování.

 

Pro tvorbu formulářů je v HTML definováno několik tagů. Zde je jejich seznam se stručným popisem:

  • <FORM> - základní tad pro vkládání formuláře do HTML 
  • <INPUT> - vstupní pole nebo tlačítka 
  • <SELECT> - výběrové pole 
  • <OPTION> - položka ve výběrovém poli 
  • <TEXTAREA> - velké textové vstupní pole 
  • <FIELDSET> - vykreslí okolo formuláře čáru 
  • <LEGEND> - nadpis formuláře 
  • Tag <FORM>
    Párový tag, který musí ohraničovat celý formulář. Jeho atributy nastavují jak a kam se bude formulář odesílat. Zde je jejich seznam:

    ACTION - hodnotou je buď adresa scriptu, který bude formulář zpracovávat, nebo adresa ve tvaru: "mailto:jmenoschránky@server.cz"

    METHOD - tento atribut nastavuje, jakým způsobem budou data odesílána. Hodnoty jsou:
    get - data budou předána jako součást URL.
    post - data budou zabalena a budou odeslána nezávisle.

    ENCTYPE - hodnoty nastavují, v jakém tvaru mají být data odesílána. Hodnoty jsou:
    multiport/form-data - bez českých znaků (české znaky ignoruje)
    text/plain - vhodné pro odesílání jednoduché pošty. Zobrazuje i české znaky.

    Tag <INPUT>
    Nepárový tag, s jehož pomocí se vytváří např. vstupní pole nebo tlačítka. Tento tag má ještě několik atributů:

    TYPE - určuje typ vstupního pole. Zde jsou jeho hodnoty:
    text - jednořádkové vstupní textové pole
    password - jednořádkové vstupní textové pole. Místo znaků se však zobrazují hvězdičky (používá se na hesla).
    hidden - skryté textové pole s předem nastavenou hodnotou.
    radio - přepínač mezi několika hodnotami.
    checkbox - zaškrtávací pole.
    submit - tlačítko odeslat.
    reset - tlačítko pro vymazání formuláře.
    button - obyčejné tlačítko, funkci mu nastavují až správci událostí JavaScriptu.

    NAME - jméno pole odesílané s daty, je možné zadat jakékoliv.

    VALUE - Nastavuje se s ním např. co má být napsáno ve vstupním poli nebo na tlačítku.

    SIZE - u textových políček nastavuje jejich velikost ve znacích.

    MAXLENGTH - u textových políček nastavuje, kolik můžete vložit nejvíce znaků.

    CHECKED - atribut bez hodnot. Pokud je nastaveno TYPE="radio" nebo TYPE="checkbox" nastavuje, že mají být tato políčka standardně zaškrtnutá.

    DISABLED - nemá žádné hodnoty a nastavuje, že pole bude šedé a nepůjde měnit.

    Tag <SELECT>
    Párový tag, který vytvoří výběrové rolovací pole, do kterého se pomocí nepárového tagu <OPTION> vytvoří položka.

    Atributy tabu <SELECT>:

    NAME - jméno pole odesílané s daty. Je možné nastavit jakékoliv.

    SIZE - nastavuje počet zobrazených řádků.

    MULTIPLE - atribut bez hodnot, umožňuje hromadný výběr položek.

    DISABLED - atribut bez hodnoty, pole bude šedé a nepůjde měnit.

    Atributy tagu <OPTION>:
    VALE - text odesílaný jako hodnota pole.

    SELESTED - atribut bez hodnot, nastavuje, jaké políčko z výběru bude zobrazeno.

    Důležité je vědět, že to, co se zobrazí za tagem se zobrazí jako položka ve výběru.

    Tag <TEXTAREA>
    Párový tag, který vytvoří velké textové vstupní pole pro zadání textu či vzkazu. Atributy jsou:

    NAME - jméno pole odesílané s daty.

    COLS - určuje šířku ve znacích.

    ROWS - určuje výšku v řádcích.

    DISABLED - atribut bez hodnoty. Pole bude šedé a nepůjde měnit.

    Pokud chcete, aby v poli již nějaký text byl, vložte ho mezi tagy <TEXTAREA> a </TEXTAREA>.

    Tag <FIELDSET>
    Tag, který vytvoří kolem formuláře tenkou čáru. Musí následovat bezprostředně po tagu <FORM>. Nemá atributy.
    Tag <LEGEND>
    Párový tag, jehož obsah bude nadpis formuláře zobrazený přes čáru. Musí následovat bezprostředně za tagem <FIELDSET>. Má pouze atribut ALIGN, který určuje zarovnání nadpisu.
    A zde je malý příklad:
    <FORM ECTION="mailto:sladky.jiri@seznam.cz" METHOD="post" ENCTYPE="text/plain">
    <FIELDSET>
    <LEGEND>Formulář</LEGEND>
    <U>J</U>méno:<INPUT TYPE="text" SIZE="20" ACCESSKEY="j">
    <U>E</U>-mail:<INPUT TYPE="text" SIZE="20" ACCESSKEY="e">
    <U>P</U>ohlaví:<SELECT NAME="pohlaví" ACCESSKEY="p">
    <OPTION VALUE="vybrat" SELECTED>(vyberte)
    <OPTION VALUE="muz">Muž
    <OPTION VALUE="zena">Žena
    </SELECT>
    <U>V</U>ěk:<INPUT TYPE="text" SIZE="3" ACCESSKEY="v">
    Chcete odpovědět na tento e-mail: <INPUT TYPE="checkbox" NAME="odpoved"> Ano
    Jak hodnotíte tyto stránky:<INPUT TYPE="radio" NAME="hodnoceni" VALUE="1">Výborný <INPUT TYPE="radio" NAME="hodnoceni" VALUE="2">špatný
    <U>Z</U>práva<TEXTAREA COLS="20" ROWS="5" NAME="text" ACCESSKEY="z">Zadejte zprávu!!</TEXTAREA>
    <INPUT TYPE="submit" VALUE="Odeslat"><INPUT TYPE="reset" VALUE="Vymazat">
    </FIELDSET>
    </FROM>

     

    Formulář Jméno:
    E-mail:
    Pohlaví: (vyberte) Muž Žena
    Věk:
    Chcete odpovědět na tento e-mail: Ano
    Jak hodnotíte tyto stránky:Výborný špatný
    ZprávaZadejte zprávu!!

    Určitě jste si všimli atributu ACCESSKEY, o kterém tady zatím ještě nebyla řeč. Hodnotou tohoto atributu je písmenko, které pokud se stiskne s klávesou Alt, stane se daný objekt aktivní. S tím jsou spjata i ta podtrhaná písmenka.

    Dalším atributem, který lze použít všude, je atribut TABINDEX. Jistě víte, že mezi položkami ve formuláři se můžeme pohybovat i klávesnicí, a to klávesou Tab (tabulátor). Hodnotou atributu TABINDEX jsou tedy čísla od 1 do n (kde n je počet objektů ve vašem formuláři) a nastavuje, v jakém pořadí se budeme ve formuláři pohybovat.

    Zůsoby odesílání formulářů
    Přes poštovního klienta uživatele.

    To je to záhadné ACTION="mailto:sladky.jiri@seznam.cz". Za slovo mailto: obecně napíšeme naší e-mailovou adresu a je to. Je to však velice nespolehlivé, jelikož ne každý má nainstalovaného a správně nastaveného poštovního klienta na počítači. Rovněž ani výstup nevypadá nějak dobře.

    Přes server

    Některé služby, jako např. www.mailform.cz nebo www.blueboard, nabízejí zpracovávání formulářů zdarma. Důležité je pozměnit zdrojový kód formuláře podle jejich požadavků a vše je hotovo.

    Pomocí scriptu

    Nejčastěji CGI, ASP či PHP. Je to asi nejlepší a nejspolehlivější způsob, ale asi ne každý umí CGI či PHP, a navíc musíte mít podporu serveru.

    Aktualizováno ( Pondělí, 11 srpen 2008 )
     
    < Předch.   Další >

    Předpověď počasí na 4 dny

    In-počasí

    Přihlášení uživatele






    Zapomenuté heslo
    Nemáte účet? Vytvořte jej!

    Novinky e-mailem

    Máte zájem být informováni o novinkách na tomto webu? Ano, tak se registrujte a získejte informace.




    Bannery a ikonky


    Videorent - zásilková DVD půjčovna

    osobni-stranky

    Toplist: www.petr-kral.com

    Seznam stránek

    Aukro.cz

    Ikonka tohoto portálu

    Osobní web Petra Krále

    Dnes je

    Čtvrtek, 20 listopad 2008

    Kontakty na redakci webu

    Majitel: Petr Král

    E-mail autor@petr-kral.com
    ICQ 213-717-510

    Členové redakce :

    seznam členů

    Redakční e-mail:

    E-mail info@petr-kral.com

    Partneři

    Valašsko přes objektiv
    [petrdrhlik.ic.cz] - Výměna ikonek a odkazů Petra Drhlíka
    Jak přivydělat na netu ??
    Hrajonline.7x.cz
    TseeTsee pages - články, videa, hudba, obrázky, programy, Nokia N95, Team Speak  RC2
    lrklan.ic.cz
    Ubytování Jeseníky

    Statistika


    Dostupnost podle Monitoring-serverů.cz

    WebInfo

    Články v RSS

    Vlockuj - online hra | Výměna odkazů | Rekonstrukce koupelny  | ALBIONGROUP.cz | Ouvaly.cz | Svět on-line | Výdělek na internetu | Katalog PClinks - katalog www stránek | Acuvue Advance | Kontaktní čočky | Kontaktní čočky | Kontaktlinsen | www.onlinesudoku.cz | Krby, krbová kamna | Interiérové dveře, obložkové zárubně, podlahy | Dveře a obložkové zárubně | Alkohol Tester - Unitrade.cz | Gohotel.sk- Ubytovanie na Slovensku | Katalog-webu.wz.cz | Berlin hostels | Berlin Hostels | Munich hostels | Krby | Kuchyně fotogalerie | Garážová vrata | Prague restaurant | Originální logo | aukro.cz | Webkamery a televize | M.Pospisil | SMS služba | Katalog a Vyhledávač | online hry | herna | videa, animace | Blog portal | Hrajonline | Vychodnicechy | Praha | Brno | Ostrava | Liberec | Plzen | Hodnotit tyto stránky | Dlužníci - Neplatiči | EX.08XI.COM - Výmena ikoniek | Pardubice | Hradec | Tvorba WWW | Tommek | Dveře, obložkové zárubně | Snubní prsteny | Čištění koberců | Garážová vrata | Stavebnice-Hračky.cz | Rady, tipy a triky na počítač | Český katalog stránek | Kontaktní čočky | Hračky, Lego, Puzzle | Inzerce psů | Inzerce a Bazar zdarma | Čištění koberců Praha | Záclony | Kompresory | Skateshop | svítidla a zářivková svítidla - www.svitidla-obchod.cz | Webkamery v ČR | vitalshop - MP4 přehrávače, osobní váhy | INTERBEAUTY | Tvorba web stránok | BioCare | Gélové nechty Bratislava | Share-Rapid stahujte levněji | kozmetika | Víno - červené i bílé | SEO Katalog

      PageRank  PR články zdarma  Antispam.er.cz  RankUp.cz - katalog WWW stránek  Directory.sk - katalóg odkazov a stránok  Seznam WZ

     Nekopírujte obsah těchto stránek. Plagiátoři budou odhaleni pomocí Copyscape.com

    Top Web