Vadnica HTML obrazcev
Skupna značilnost spletnih strani, s katerimi se lotijo številni novi spletni oblikovalci, so oblike. Morda boste želeli dodati obrazec na svojo spletno stran kot preprost način za ljudi, da stopijo v stik z vami, da postavljajo vprašanja ali izrazijo zanimanje za izdelke ali storitve, ki jih ponujate. Na žalost so spletne tutoriali o tem, kako dodati zapletene obrazce na spletu, zmedeni in zavračati nove strokovnjake.
Spletnim obrazcem ni treba težko delati, tudi za nove spletne strani.
Obrazci Mailto so preprost način za oblikovanje obrazcev. Uporabniki elektronske pošte se zanašajo na pošiljanje podatkov o obrazcu iz računalnika stranke na lastnika obrazca. Podatki o obrazcu, ki jih izpolni uporabnik spletnega mesta, so e-poštni naslov na določen naslov, kot je določeno v kodiranju za obrazec.
Če ste novi v spletnem oblikovanju in ne veste, kako programirati bolj zapletene interakcije ali pa imate majhno spletno stran in želite preprost način dodajanja obrazca, ima obrazec mailto kot kontaktni obrazec veliko lažje kot učenje pisati PHP. Prav tako je cenejši od nakupa vnaprej napisanega lističa, da to storite za vas.
S tem hitrim vadbo se naučite uporabljati obrazce mailto. Tudi če tega niste nikoli prej storili, je obvladovanje tehnike preprosto in gotovo v "začetnem spletnem oblikovanju".
Začetek
Obrazci HTML so lahko izziv za nove razvijalce spletnih mest, ker zahtevajo več kot le umeščanje HTML oznake. Poleg elementov HTML, ki so potrebni za ustvarjanje obrazcev in njenih polj, morate imeti tudi način, da dobite obrazec »delo«. To običajno zahteva dostop do skripta CGI ali drugega programa, ki ga je treba ustvariti v atributu »dejanja« obrazca.
To dejstvo je, kako obrazec obdeluje podatke in s tem po njem dela (piši v bazo podatkov, pošilja e-pošto itd.)
Če nimate dostopa do skripta, ki bo vaš obrazec delal, obstaja eno dejanje, ki ga podpira večina modernih brskalnikov.
action = " mailto: youremailaddress "
To je preprost način, da dobite podatke o obrazcu s vaše spletne strani na vaš e-poštni naslov.
Res je, da je ta rešitev zelo omejena v tem, kaj lahko naredi, vendar je za zelo majhna spletna mesta dobro izhodišče za začetek.
Tricks za uporabo obrazcev Mailto
Uporabite atribute enctype = "text / plain"
To govori brskalniku in e-poštnemu odjemalcu, da obrazec pošilja navadno besedilo, namesto da bi bil bolj zapleten. Nekateri brskalniki in e-poštni odjemalci pošiljajo obrazce podatkov, kodiranih za spletne strani . To pomeni, da se podatki pošiljajo kot ena dolga črta, zamenjamo presledke s plusom (+) in kodiramo druge znake. Uporaba atributa enctype = "text / plain" omogoča lažje branje podatkov.
Uporabite metodo GET ali POST
Medtem ko metoda POST včasih deluje, pogosto povzroči, da brskalnik odpre prazno e-poštno okno. Če se to zgodi z metodo GET, poskusite preklopiti na POST.
Primer obrazca Mailto
Tukaj je obrazec z uporabo poštnega dejanja (opomba - to je zelo preprosta oznaka. Idealno bi kodirali ta polja obrazca z uporabo več semantične oznake in elementov, vendar ta primer zadošča za obseg tega vadnice):
Vaše ime:
Vaše priimek:
Komentarji:
form>
Vaše stranke bodo videli sporočilo, da se obrazec pošlje po e-pošti. Izgleda tako:
first_name = Jennifer
last_name = Kyrnin
komentarji = Pozdravljeni!
Posebna opomba o obrazcih Mailto
Še enkrat ta metoda, medtem ko je enostavna, je tudi zelo omejena. Očitno je pomembno opozoriti, da obrazci mailto ne delujejo vedno za vse kombinacije brskalnikov in e-poštnih odjemalcev. Če ste poskušali uporabiti obrazec mailto in niste bili uspešni, je morda to, zakaj - lahko pride do neke kombinacije tehnologije, ki povzroči, da funkcija ne uspe. Če želite podrobnejše informacije o tem, kaj morda moti vaš poskus uporabe takega obrazca, se obrnite na » Ko obrazci Mailto ne delujejo «.
Čeprav je ta metoda dober prvi poskus ustvarjanja spletnih obrazcev, ki ustvarjajo e-pošto in pošiljajo podatke o obrazcu, saj boste bolj napredni v svojih spletnih veščinah, boste zagotovo želeli raziskati bolj robustne možnosti. Od scenarijev CGI do oblik PHP na CMS platforme, ki imajo vgrajene pripomočke za oblik, imate veliko naprednih možnosti, ki jih je treba upoštevati pri prihodnjih oblikah spletnega obrazca!
Izvorni članek Jennifer Krynin. Uredil Jeremy Girard dne 9.12.17