Tutorial sa Mga Form sa HTML
Ang isang karaniwang tampok ng mga website na maraming mga bagong taga-disenyo ng web na nakikipagpunyagi sa mga form. Baka gusto mong magdagdag ng isang form sa iyong website bilang isang simpleng paraan para makontak ang mga tao sa iyo upang magtanong o magpahayag ng interes sa mga produkto o serbisyo na iyong inaalok. Sa kasamaang palad, ang mga online na tutorial tungkol sa kung paano magdagdag ng mga kumplikadong mga form sa site ay maaaring nakalilito at nagpapalit ng mga bagong propesyonal sa web.
Ang mga form sa web ay hindi kailangang maging mahirap na magtrabaho, kahit para sa mga bagong webbies.
Mailto form ay isang madaling paraan upang gumawa ng mga form ng trabaho. Sila ay umaasa sa mga kliyente ng email upang ipadala ang data ng form mula sa computer ng customer sa may-ari ng form. Ang data ng form na nakumpleto ng user ng website ay mag-email sa isang partikular na address na tinukoy sa coding para sa form.
Kung ikaw ay bago sa disenyo ng web at hindi mo alam kung paano mag-program ng mas kumplikadong mga pakikipag-ugnayan, o nagpapatakbo ka ng isang maliit na website at nais lamang ng isang simpleng paraan upang magdagdag ng isang form, ang pagkakaroon ng form sa mailto bilang isang contact form ay maraming mas madali kaysa sa pag-aaral na sumulat ng PHP. Ito ay mas mura kaysa sa pagbili ng isang pre-nakasulat na scrip upang gawin ito para sa iyo.
Sa mabilis na tutorial na ito, alamin kung paano gamitin ang mga form sa mailto. Kahit na hindi mo pa nagawa ang dati, ang pagiging dalubhasa sa pamamaraan ay madali at tiyak sa larangan ng "simula ng web design."
Nagsisimula
Ang mga form sa HTML ay maaaring maging mahirap para sa mga bagong web developer dahil kailangan nila ng higit pa sa pag-aaral ng HTML markup. Bilang karagdagan sa mga elemento ng HTML na kailangan upang lumikha ng mga form at mga patlang nito, kailangan mo ring magkaroon ng ilang paraan upang makuha ang form na "magtrabaho." Ito ay karaniwang nangangailangan ng access sa isang CGI script o iba pang mga programa upang lumikha sa attribute "action" ng form.
Ang pagkilos na iyon ay kung paano ang proseso ay nagpoproseso ng data at kung ano ang ginagawa nito pagkatapos nito (sumulat sa isang database, magpadala ng isang email, atbp.)
Kung wala kang access sa isang script na gagawing gumagana ang iyong form, mayroong isang form na aksyon na sinusuportahan ng karamihan sa mga modernong browser.
action = " mailto: youremailaddress "
Ito ay isang simpleng paraan upang makuha ang data ng form mula sa iyong website sa iyong email.
Tinatanggap, ang solusyon na ito ay limitado sa kung ano ang magagawa nito, ngunit para sa napakaliit na mga website, ito ay isang magandang lugar upang magsimula.
Mga Trick sa Paggamit ng Mga Form ng Mailto
Gamitin ang enctype = "text / plain" attribute
Sinasabi nito ang browser pati na rin ang email client na ang form ay nagpapadala ng plain text sa halip na anumang mas kumplikado. Ang ilang mga browser at mga kliyente ng email ay nagpadala ng data ng form na naka-encode para sa mga pahina ng Web . Nangangahulugan ito na ang data ay ipinadala bilang isang mahabang linya, puwang ay pinalitan ng plus (+) at iba pang mga character ay naka-encode. Ang paggamit ng enctype = "text / plain" na attribute ay tumutulong na gawing mas madaling basahin ang data.
Gamitin ang paraan ng GET o POST
Habang ang paraan ng POST kung minsan ay gumagana, ito ay madalas na nagiging sanhi ng browser upang buksan ang isang blangko ang email window. Kung nangyari ito sa iyo gamit ang paraan ng GET, pagkatapos ay subukan ang paglipat sa POST.
Sample Mailto Form
Narito ang isang sample form na gumagamit ng pagkilos sa mailto (tandaan - ito ay napakadaling markup.) Sa isip na nais mong code ang mga field na ito gamit ang mas semantiko markup at mga elemento, ngunit ang halimbawang ito ay sapat para sa saklaw ng tutorial na ito):
Ang Iyong Unang Pangalan:
Ang Iyong Huling Pangalan:
Mga komento:
form>
Makakakita ang iyong mga customer ng isang mensahe na nagsasabi na ang form ay isinumite sa pamamagitan ng email. Ito ang hitsura ng mga resulta:
first_name = Jennifer
last_name = Kyrnin
comments = Hi there!
Espesyal na Paalala Tungkol sa Mga Form ng Mailto
Muli, ang pamamaraan na ito, habang madali, ito ay masyadong limitado. Malinaw na mahalagang tandaan na ang mga form sa ALS ay hindi laging gumagana para sa lahat ng mga kumbinasyon ng mga browser at mga email client. Kung sinubukan mong gumamit ng form sa mailto at hindi naging matagumpay, maaaring ito ang dahilan kung bakit - maaaring mayroong ilang kombinasyon ng teknolohiya na nagiging sanhi ng pag-andar na mabibigo. Para sa mas detalyadong impormasyon tungkol sa kung ano ang maaaring makakasagabal sa iyong pagtatangkang gamitin ang ganitong uri, kumunsulta sa " Kapag Hindi Gumawa ang Mga Form ng Mailto ."
Habang ang pamamaraang ito ay isang mahusay na unang pagtatangka sa paglikha ng mga form ng web na bumuo ng isang email at magpadala ng data ng form, habang nakakakuha ka ng mas advanced na sa iyong mga kasanayan sa web, tiyak na nais mong galugarin ang mas mahusay na mga pagpipilian. Mula sa CGI na mga script sa mga form ng PHP sa mga platform ng CMS na may built-in na mga widget na form, mayroon kang maraming mga advanced na pagpipilian upang isaalang-alang para sa iyong hinaharap na form ng website na mga pangangailangan!
Orihinal na artikulo ni Jennifer Krynin. Na-edit ni Jeremy Girard noong 9/12/17