HTML Forms Tutorial
Spoločnou črtou webových stránok, s ktorými sa mnohí noví web dizajnéri bojujú, sú formuláre. Možno budete chcieť pridať formulár na svoje webové stránky ako jednoduchý spôsob, ako sa ľudia môžu dostať do kontaktu s vami, aby ste mohli klásť otázky alebo vyjadriť záujem o produkty alebo služby, ktoré ponúkate. Bohužiaľ online návody o tom, ako pridať zložité formuláre stránok môžu byť mätúce a odvrátiť nových profesionálov z webu.
Webové formuláre nemusia byť ťažké pracovať, dokonca aj pre nové webové stránky.
Formuláre mailto sú jednoduchým spôsobom, ako vytvoriť formuláre. Spoliehajú na e-mailových klientov, aby poslali údaje formulára z počítača zákazníka na vlastníka formulára. Údaje formulára vyplnené používateľom webovej stránky sú e-mailom na konkrétnu adresu, ako je uvedené v kódovaní formulára.
Ak ste nový dizajn webových stránok a neviete, ako naprogramovať zložitejšie interakcie, alebo máte malú webovú stránku a jednoducho chcete jednoduchý spôsob pridať formulár, mať mailto formulár ako kontaktný formulár je veľa ľahšie ako sa učiť písať PHP. Je to taktiež lacnejšie, ako kúpiť predpísanú scriptu, aby ste to urobili pre vás.
Pomocou tohto rýchleho návodu si prečítajte, ako používať formuláre mailto. Dokonca aj keď ste to ešte nikdy neurobili, zvládnutie techniky je jednoduché a rozhodne v oblasti "začiatku webového dizajnu".
Začíname
Formuláre HTML môžu byť pre nových vývojárov webových stránok náročné, pretože vyžadujú viac než len učenie HTML. Okrem prvkov HTML, ktoré sú potrebné na vytvorenie formulárov a ich polí, musíte mať istý spôsob, ako dostať formulár na "prácu". To zvyčajne vyžaduje prístup k CGI skriptu alebo inému programu na vytvorenie atribútu "action" formulára.
Táto akcia je spôsob, akým formulár spracováva dáta a čo s nimi potom robí (zapíše do databázy, posiela e-mailovú správu atď.),
Ak nemáte prístup k skriptu, ktorý bude fungovať, funguje jedna forma, ktorú podporujú väčšina moderných prehliadačov.
action = " mailto: youremailaddress "
Jedná sa o jednoduchý spôsob, ako získať údaje z formulára z vášho webu na váš e-mail.
Je pravda, že toto riešenie je veľmi obmedzené v tom, čo dokáže, ale pre veľmi malé webové stránky je to dobré miesto na začatie.
Triky na použitie formulárov Mailto
Použite atribút enctype = "text / plain"
To informuje prehliadač, ako aj e-mailový klient, že formulár odosiela jednoduchý text, a nie čosi zložitejšie. Niektoré prehliadače a e-mailové klienti odosielajú údaje formulára zakódované pre webové stránky . To znamená, že údaje sa posielajú ako jedna dlhá čiara, medzery sa nahrádzajú plus (+) a ostatné znaky sa zakódujú. Použitie atribútu enctype = "text / plain" pomáha zjednodušiť čítanie údajov.
Použite metódu GET alebo POST
Zatiaľ čo metóda POST niekedy funguje, často spôsobuje, že prehliadač otvorí prázdne okno e-mailu. Ak sa to stane s vami pomocou metódy GET, skúste prejsť na POST.
Vzorový formulár Mailto
Tu je ukážka formulára pomocou akcie mailto (poznámka - to je veľmi jednoduché označenie. V ideálnom prípade by ste tieto polia formulovali pomocou sémantikejších značiek a prvkov, ale tento príklad je dostatočný pre rozsah tohto tutoriálu):
Vaše meno:
Vaše priezvisko:
Komentáre:
Form>
Vaši zákazníci uvidia správu s informáciou, že formulár sa odosiela prostredníctvom e-mailu. Výsledky vyzerajú takto:
FIRST_NAME = Jennifer
LAST_NAME = Kyrnin
comments = Ahoj!
Osobitná poznámka k formulárom Mailto
Opäť, táto metóda, aj keď je ľahká, je tiež veľmi obmedzená. Je zrejmé, že je dôležité poznamenať, že formuláre mailto nie vždy fungujú pre všetky kombinácie prehliadačov a e-mailových klientov. Ak ste sa pokúsili použiť formulár mailto a neboli úspešní, mohlo by to byť dôvod, prečo by mohlo dôjsť k nejakej kombinácii technológie, ktorá spôsobí zlyhanie funkcie. Podrobnejšie informácie o tom, čo je možné zasahovať do vášho pokusu o použitie takejto formulácie, nájdete v časti " Keď sa formáty mailto nefungujú ".
Aj keď je táto metóda dobrým prvým pokusom o vytvorenie webových formulárov, ktoré vytvárajú e-maily a odosielajú údaje o formulároch, keďže budete mať pokročilejšie vo svojich webových zručnostiach, určite budete chcieť preskúmať ďalšie robustnejšie možnosti. Od CGI skriptov až po PHP formuláre až po platformy CMS, ktoré majú vstavané moduly widget, máte veľa pokročilých možností, ktoré môžete zvážiť pre vaše budúce formy webových aplikácií!
Originálny článok od Jennifer Krynin. Upravený Jeremy Girard dňa 9/12/17