Použitie vstupnej značky na odosielanie formulárov
Formuláre HTML sú jedným z najzákladnejších spôsobov, ako pridať interaktivitu na vaše webové stránky. Môžete klásť otázky a vyžiadať odpovede od svojich čitateľov, poskytovať ďalšie informácie z databáz, nastaviť hry a ďalšie. Existuje niekoľko prvkov HTML, ktoré môžete použiť na vytváranie formulárov. Akonáhle ste vytvorili svoj formulár, existuje veľa rôznych spôsobov, ako môžete tieto údaje odoslať na server alebo len spustiť akciu formulára.
Toto je niekoľko spôsobov, ako môžete odoslať formuláre:
-
- Toto je najbežnejší spôsob získavania údajov na server, ale môže to byť veľmi jasný.
-
- Pomocou obrázka je veľmi jednoduché, aby vaše tlačidlo na odosielanie vyhovovalo štýlu vašich stránok. Niektorí ľudia ju však nemusia rozpoznať ako tlačidlo odoslania.
-
- Značka INPUT na tlačidle poskytuje veľa rovnakých možností ako značka INPUT obrázka, ale vyzerá skôr ako štandardný typ odoslania. Vyžaduje JavaScript na aktiváciu.
-
- Prvok COMMAND je nový v jazyku HTML5 a poskytuje spôsob aktivácie skriptov a formulárov s pridruženými akciami. Je aktivovaný pomocou jazyka JavaScript.
Prvok INPUT
Prvok INPUT je najčastejšou cestou na odoslanie formulára, všetko, čo robíte, je vybrať typ (tlačidlo, obrázok alebo odoslať) av prípade potreby pridať nejaké skriptovanie, ktoré sa má odoslať do činnosti formulára.
Element môže byť napísaný rovnako. Ale ak tak urobíte, budete mať rôzne výsledky v rôznych prehliadačoch. Väčšina prehliadačov vytvára tlačidlo, ktoré hovorí "Odoslať", ale Firefox robí tlačidlo s nápisom "Odoslať dopyt". Ak chcete zmeniť to, čo tlačidlo hovorí, mali by ste pridať atribút:
hodnota = "Odoslať formulár">
Prvok je napísaný takto, ale ak necháte všetky ostatné atribúty, všetko, čo sa zobrazí v prehliadačoch, je prázdne sivé tlačidlo. Ak chcete do tlačidla pridať text, použite atribút Value. Toto tlačidlo však nebude odosielať formulár, ak nepoužívate jazyk JavaScript.
onclick = "submit ();">
Je podobný typu tlačidla, ktorý potrebuje skript na odoslanie formulára. Okrem toho, že namiesto textovej hodnoty musíte pridať zdrojovú adresu URL obrázka.
src = "submit.gif">
Prvok BUTTON
Prvok BUTTON vyžaduje oba otváracie značky a uzatváraciu značku. Keď ich použijete, akýkoľvek obsah, ktorý ste vložili do značky, bude priložený na tlačidlo. Potom aktivujete tlačidlo pomocou skriptu.
Odoslať formulár
Môžete zahrnúť obrázky do vášho tlačidla alebo kombinovať obrázky a text, aby ste vytvorili zaujímavé tlačidlo.
Odoslať formulár
Prvok COMMAND
Prvok COMMAND je nový s HTML5. Nevyžaduje použitie FORMU, ale môže slúžiť ako tlačidlo odoslania formulára. Tento prvok vám umožňuje vytvárať interaktívnejšie stránky bez toho, aby ste vyžadovali formuláre, ak naozaj nepotrebujete formuláre. Ak chcete, aby príkaz povedal niečo, napíšete informácie do atribútu štítku.
label = "Odoslať formulár">
Ak chcete, aby bol váš príkaz reprezentovaný obrázkom, použijete atribút ikony.
icon = "submit.gif">
Tento článok je súčasťou výučby HTML formulárov. Prečítajte si úplný návod, kde sa dozviete, ako používať formuláre HTML.
Formuláre HTML majú niekoľko rôznych spôsobov odosielania, ako ste sa dozvedeli na predchádzajúcej stránke. Dve z týchto metód sú značka INPUT a značka TLAČIDLO. Existujú dobré dôvody na použitie oboch týchto prvkov.
Prvok INPUT
Značka je najjednoduchší spôsob odoslania formulára. Nevyžaduje nič nad samotnú značku, ani hodnotu. Keď zákazník klikne na tlačidlo, automaticky predloží. Nepotrebujete pridať žiadne skripty, prehliadače vedia, že odosielajú formulár, keď kliknete na zadávací značku INPUT.
Problém je v tom, že toto tlačidlo je veľmi ošklivé a jasné. K nemu nemôžete pridať obrázky. Môžete to napodobniť rovnako ako akýkoľvek iný prvok, ale stále sa môže cítiť ako škaredé tlačidlo.
Použite metódu INPUT, keď musí byť formulár prístupný aj v prehliadačoch, ktoré majú vypnutý JavaScript.
Prvok BUTTON
Prvok BUTTON ponúka viac možností na odosielanie formulárov. Môžete vložiť čokoľvek do prvku TLAČIDLO a premeniť ho na tlačidlo Odoslať. Najčastejšie ľudia používajú obrázky a text. Ale môžete vytvoriť DIV a urobiť to celú vec odoslať tlačidlo, ak ste chceli.
Najväčšou nevýhodou prvku BUTTON je to, že formulár automaticky nezašle. Znamená to, že musí byť aktivovaný nejaký typ skriptu. A tak je menej prístupná ako metóda INPUT. Každý používateľ, ktorý nemá zapnutý JavaScript, nebude môcť odoslať formulár iba s prvkom BUTTON.
Použite metódu BUTTON na formulároch, ktoré nie sú tak kritické. Tiež je to skvelý spôsob, ako do jedného formulára pridať ďalšie možnosti odoslania.
Tento článok je súčasťou výučby HTML formulárov . Prečítajte si viac o tom, ako používať formuláre HTML