HTML Forms Tutorial
Zajednička karakteristika sajtova sa kojima se suočavaju mnogi novi web dizajneri su oblici. Možda želite da dodate obrazac na vašu web stranicu kao jednostavan način da ljudi stupe u kontakt sa vama da postavljaju pitanja ili izraze interesovanje za proizvode ili usluge koje nude. Nažalost, online tutorijali o tome kako dodati složene forme sajtova mogu biti zbunjujući i okrenuti nove web profesionalce.
Web oblici ne moraju biti teški za rad, čak i za nove web stranice.
Obrazci Mailto predstavljaju jednostavan način za obradu formulara. Oslanjaju se na klijente e-pošte da pošalju podatke o obrascima sa računara kupca vlasniku obrazaca. Podaci o obliku koji je popunio korisnik sajta je e-pošta na određenu adresu kako je navedeno u kodiranju za obrazac.
Ako ste novi u web dizajnu i ne znate kako da programirate složenije interakcije, ili imate mali web sajt i jednostavno želite jednostavan način dodavanja obrasca, imati mailto formu kao kontaktni obrazac puno lakše nego učiti pisati PHP. Takođe je jeftinije od kupovine unaprijed napisanog sjebanja za to za vas.
Uz pomoć ovog brzog tutorijala, naučite kako koristiti mailto oblike. Čak i ako to nikada ranije niste uradili, savladavanje tehnike je lako i svakako u domenu "početka web dizajna".
Počinjemo
HTML formulari mogu biti izazovni za nove web programere jer oni zahtevaju više od samo učenja HTML markupa. Pored HTML elemenata potrebnih za kreiranje forme i njenih polja, takođe morate imati način da dobijete obrazac da "radi". Ovo obično zahteva pristup CGI skripti ili drugom programu koji se kreira u atributu "akcija" formulara.
Ta akcija je kako forma obrađuje podatke i šta s njom vrši nakon toga (upisati u bazu podataka, poslati e-poštu itd.)
Ako nemate pristup skripti koja će vaš obrazac funkcionisati, postoji jedna akciona akcija koju podržavaju najmoderniji pregledači.
action = " mailto: youremailaddress "
Ovo je jednostavan način da dobijete podatke o obliku sa vaše web stranice na vašu e-poštu.
Sasvim sigurno, ovo rješenje je vrlo ograničeno u onom što može učiniti, ali za vrlo male web stranice, to je dobro mjesto za početak.
Trikovi do upotrebe Mailto formi
Koristite atribute enctype = "text / plain"
Ovo govori pregledaču kao i klijentu e-pošte da obrazac šalje običan tekst, a ne nešto komplikovanije. Neki pregledači i klijenti e-pošte šalju podatke o obliku kodirane za Web stranice . To znači da se podaci šalju kao jedna duga linija, razmaci se zamenjuju sa plus (+), a drugi znakovi se kodiraju. Korišćenje atributa enctype = "text / plain" pomaže da podaci olakšaju čitanje.
Koristite GET ili POST metod
Iako POST metod ponekad funkcioniše, često jednostavno uzrokuje da pregledač otvori prazan prozor e-pošte. Ako se to desi sa GET metodom, pokušajte da pređete na POST.
Obrazac Mailto Forma
Evo primera obrazaca koji koristi mailto akciju (napomena - ovo je vrlo jednostavna oznaka. Idealno bi bilo da kodirate ova polja formulara koristeći više semantičkih oznaka i elemenata, ali ovaj primjer je dovoljan za područje ovoga tutoriala):
Vaše ime:
Vaše prezime:
Komentari:
form>
Vaši klijenti će videti poruku koja kaže da se obrazac šalje putem e-pošte. Izgleda kao rezultat:
first_name = Jennifer
last_name = Kyrnin
Komentari = Zdravo tamo!
Posebna napomena o obrazcima Mailto
Još jednom, ovaj metod, iako lako, takođe je vrlo ograničen. Očigledno je važno napomenuti da obrazci mailto ne rade uvek za sve kombinacije pretraživača i klijenata e-pošte. Ako ste pokušali da koristite mailto formu i niste bili uspešni, to je možda razlog - možda postoji neka kombinacija tehnologije koja uzrokuje neuspjeh funkcije. Za detaljnije informacije o tome šta je moguće ometati pokušaj korišćenja takvog obrasca, konsultujte " Kada obrazci Mailto ne rade ".
Iako je ovaj metod dobar prvi pokušaj stvaranja web obrazaca koji generišu e-poštu i šalju podatke o obliku, pošto ste napredniji u svojim vještinama na webu, sigurno ćete željeti istražiti još robustnije opcije. Od CGI skripti do PHP obrazaca do CMS platformi koje imaju ugrađene widgete za oblik, imate puno naprednih opcija koje možete uzeti u obzir za buduće potrebe za web stranicu.
Originalni članak Jennifer Krynin. Uredio Jeremy Girard na 12.9.17