Vytvorte prispôsobiteľné textové tlačidlá v systéme Windows HTML pomocou vstup značka. The vstup prvok sa používa v rámci a formulár element.
Nastavením atribúttypu na „tlačidlo“ sa vygeneruje jednoduché tlačidlo, na ktoré sa dá kliknúť. Text, ktorý sa zobrazí na tlačidle, napríklad „Odoslať“, môžete definovať pomocou hodnotu atribút. Napríklad:
The vstup značka neodošle formulár HTML; musíte zahrnúť JavaScript vybaviť odoslanie údajov z formulára. Bez JavaScriptu po kliknutí udalosti, tlačidlo sa bude javiť ako klikateľné, ale nič sa nestane a svojich čitateľov by ste frustrovali.
Alternatíva označenia „tlačidla“
Aj keď pomocou vstup Značka na vytvorenie tlačidla funguje pre svoj účel, je lepšou voľbou použiť tlačidlo značka na vytvorenie tlačidiel HTML vašich webových stránok. The tlačidlo Značka je flexibilnejšia, pretože vám umožňuje používať obrázky pre tlačidlo (čo vám pomáha zachovať vizuálnu konzistenciu, ak je vaša web má napríklad motív dizajnu) a je možné ho definovať ako typ tlačidla na odoslanie alebo resetovanie bez potreby ďalších JavaScript.
Zadajte tlačidlo typu atribút v ľubovoľnom tlačidlo značky. Existujú tri rôzne typy:
- tlačidlo: Tlačidlo nemá žiadne inherentné správanie, ale používa sa v spojení so skriptmi, ktoré sa spúšťajú na strane klienta a ktoré je možné k tlačidlu pripojiť a spustiť ho po kliknutí.
- resetovať: Obnoví všetky hodnoty.
- Predložiť: Tlačidlo odošle údaje formulára na server (toto je predvolená hodnota, ak nie je definovaný žiadny typ).
Medzi ďalšie atribúty patria:
- názov: Dáva tlačidlu referenčný názov.
- hodnotu: Určuje hodnotu, ktorá sa má tlačidlu pôvodne priradiť.
- zakázať: Vypína tlačidlo.
S tlačidlami ideme ďalej
HTML5 pridáva k atribútu ďalšie atribúty tlačidlo značka, ktorá rozširuje jeho funkčnosť.
- automatické zaostrovanie: Pri načítaní stránky táto možnosť určuje, že toto tlačidlo je zaostrené. Na stránku je možné použiť iba jedno automatické zaostrenie.
- formulár: Priradí tlačidlo k konkrétnemu formuláru v rámci toho istého dokumentu HTML, pričom ako hodnotu použije identifikátor formulára.
- formovanie: Používa sa iba s type = "odoslať" a adresa URL ako hodnota určuje, kam sa budú odosielať údaje formulára. Cieľovým miestom je často PHP skript alebo niečo podobné,
- formenctype: Používa sa iba s type = "odoslať" atribút. Definuje, ako sa majú údaje formulára kódovať pri odoslaní na server. Tieto tri hodnoty sú application / x-www-form-urlencoded (predvolené), multipart / form-data, a text / obyčajný.
- forma metóda: Používa sa iba s type = "odoslať" atribút. Toto určuje, ktorá metóda HTTP sa má použiť pri odosielaní údajov formulára dostať alebo príspevok.
- formnovalidát: Používa sa iba s type = "odoslať" atribút. Po odoslaní nebudú údaje formulára overené.
- cieľový formulár: Používa sa iba s type = "odoslať" atribút. Toto označuje, kde by sa mala odpoveď webu zobraziť pri odoslaní údajov formulára, napríklad v novom okne atď. Možnosti hodnoty sú buď_blank, _self, _parent, _top, alebo konkrétny názov rámca.
Prečítajte si viac o výroba tlačidiel vo formátoch HTMLa ako urobiť váš web užívateľsky prívetivejším.