Použitie vstupnej značky HTML a značky tlačidiel vo formulároch

Nastavením typu atribútu na "tlačidlo" sa vygeneruje jednoduché klikacie tlačidlo. Môžete definovať text, ktorý sa zobrazí na tlačidle, napríklad "Odoslať", pomocou atribútu value .

Napríklad:

Uvedomte si, že značka neodovzdá formulár HTML; budete musieť zahrnúť JavaScript na spracovanie odosielania údajov o formulári. Bez udalosti onclick na jazyku JavaScript sa tlačidlo zdá byť klikateľné, ale nič sa nestane a budete mať frustrovaní vašim čitateľom.

Tlačidlo & lt; & gt; Alternatívna značka

Hoci používanie vstupnej značky na vytvorenie tlačidla funguje na jej účel, je lepšou voľbou použiť značku na vytvorenie tlačidiel HTML webových stránok. Značka je flexibilnejšia, pretože umožňuje použiť obrázky pre tlačidlo (čo vám pomôže zachovať vizuálnu konzistenciu, ak má vaša stránka dizajnovú tému) a môže byť definovaná ako typ odoslania alebo resetovania tlačidla bez potreby ďalšieho JavaScript.

Budete chcieť určiť atribút typu tlačidla v ľubovoľných značkách

. Existujú tri rôzne typy:

• Tlačidlo nemá žiadne inherentné správanie, ale používa sa v spojení so skriptmi spustenými na strane klienta, ktoré môžu byť pripojené k tlačidlu a spustené po kliknutí.
• reset - obnoví všetky hodnoty.
• submit - Tlačidlo odosiela dáta formulára na server (táto je predvolená hodnota, ak nie je definovaný žiadny typ).

Ďalšie atribúty zahŕňajú:

• názov - dáva tlačidlu referenčné meno.
• hodnota - Určuje hodnotu, ktorá má byť pôvodne priradená tlačidlu.
• vypnúť - Vypnutie tlačidla.

HTML5 pridá niektoré ďalšie atribúty značke

, ktorá vám poskytne viac funkcií.

• autofokus - Keď sa načíta stránka, určuje, že toto tlačidlo je zaostrenie. Na stránke je možné použiť iba jedno automatické zaostrenie.
• formulár - Priradí tlačidlo s formulárom v rámci toho istého dokumentu HTML, pričom identifikátor formulára sa použije ako hodnota. Napríklad:

Odoslať

Formaction - Používa sa len s typom = "submit" a URL ako hodnota, určuje, kde budú odoslané údaje o formulári. Napríklad:

Odošlite údaje formulára na inú stránku

formenctype - Používa sa iba s atribútom type = "submit" . Definuje, ako majú byť údaje formulára zakódované po odoslaní na server. Tri hodnoty sú aplikácie / x-www-form-urlencoded (predvolené), multipart / form-data a text / plain.

formmethod - Používa sa iba s atribútom type = "submit" . Toto určuje, ktorú metódu HTTP použijete pri odosielaní údajov formulára, či už sa to dá alebo uverejní.

formnovalidate - Používa sa iba s atribútom type = "submit" . Údaje formulára nebudú pri odoslaní potvrdené.

formtarget - Používa sa iba s atribútom type = "submit" . Toto označuje, kde sa má odpoveď na lokalitu zobraziť, keď sa odosielajú údaje o formulári, napríklad v novom okne atď. Možnosti hodnoty sú buď _blank, _self, _parent, _top alebo špecifický názov rámca.

Ak používate formuláre, možno budete chcieť prečítať si tlačidlá v HTML formulároch a ako urobiť vaše stránky viac užívateľsky prívetivé.