HTML-lomakkeiden opetusohjelma
Yhteiset piirteet verkkosivuille, joita monet uudet web-suunnittelija kamppailevat ovat lomakkeita. Voit lisätä lomakkeen verkkosivustollesi yksinkertaiseksi tavaksi, jolla ihmiset voivat ottaa yhteyttä sinuun kysyäksesi kysymyksiä tai ilmaista kiinnostusta tarjottavista tuotteista tai palveluista. Valitettavasti online-opetusohjelmat monimutkaisten sivustomuotojen lisäämisestä voivat olla hämmentäviä ja uudet web-ammattilaiset poissa.
Web-lomakkeiden ei tarvitse olla vaikea työskennellä, vaikka uudet web-sivutkin.
Mailto-lomakkeet ovat helppo tapa tehdä lomakkeita. He tukevat sähköpostiasiakkaita lähettämään lomaketiedot asiakkaan tietokoneelta lomakkeenomistajalle. Lomakkeen tiedot, jotka sivuston käyttäjä täyttää, ovat sähköpostiosoitetta tiettyyn osoitteeseen, kuten lomakkeen koodauksessa on määritetty.
Jos olet uusi web-suunnitteluun ja et tiedä, miten ohjelmoida monimutkaisempia vuorovaikutuksia tai sinulla on pieni verkkosivusto ja haluat vain yksinkertaisen tavan lisätä lomakkeen, jolla on postilomake yhteydenottolomakkeella, on paljon helpompaa kuin oppia kirjoittamaan PHP. Se on myös halvempaa kuin ostaa ennalta kirjoitettu kirjoitus tehdä se sinulle.
Tämän nopean opetusohjelman avulla voit oppia käyttämään mailto-lomakkeita. Vaikka et ole koskaan aikaisemmin tehnyt niin, tekniikan hallitseminen on helppoa ja varmasti "web-suunnittelun alkua".
Päästä alkuun
HTML-lomakkeet voivat olla haasteellisia uusille web-kehittäjille, koska ne edellyttävät enemmän kuin vain HTML-merkinnän oppimista. Lomakkeiden ja kenttien luomiseen tarvittavien HTML-elementtien lisäksi sinulla on myös oltava jonkinlainen tapa saada lomake "toimimaan". Tämä edellyttää yleensä CGI-skriptin tai muun ohjelman luomista lomakkeen "toiminta" -attribuuttiin.
Tämä toimi on, miten lomake käsittelee tiedot ja mitä se tekee sen jälkeen (kirjoittaa tietokantaan, lähettää sähköpostia jne.)
Jos sinulla ei ole käyttöoikeutta skriptiin, joka tekee lomakkeen toimimasta, on olemassa yksi lomake, jota nykyaikaisimmat selaimet tukevat.
action = " mailto: youremailaddress "
Tämä on yksinkertainen tapa saada lomaketiedot sivustostasi sähköpostiisi.
Tosin tämä ratkaisu on hyvin rajallinen, mitä se voi tehdä, mutta hyvin pienille sivustoille se on hyvä paikka aloittaa.
Viestejä Mailto-lomakkeiden käyttämiseen
Käytä enctype = "text / plain" -attribuutti
Tämä kertoo selaimelle ja sähköpostiohjelmalle, että lomake lähettää tavallista tekstiä, eikä mikään monimutkaisempi. Jotkut selaimet ja sähköpostiasiakkaat lähettävät lomaketiedot, jotka on koodattu verkkosivuille . Tämä tarkoittaa, että tiedot lähetetään yhtenä pitkän rivi, tilat korvataan plus (+) ja muut merkit on koodattu. Käyttämällä enctype = "text / plain" -määritettä voit helpottaa tietojen lukemista.
Käytä GET- tai POST-menetelmää
Vaikka POST-menetelmä toimii joskus, se aiheuttaa vain selaimen avaavan tyhjän sähköpostin ikkunan. Jos näin tapahtuu GET-menetelmällä, kokeile siirtyäksesi POST-tilaan.
Sample Mailto Form
Tässä on esimerkki lomakkeesta, jossa käytetään mailto-toimintoa (huomaa - tämä on hyvin yksinkertainen merkintä. Ihanteellisesti voit koodata nämä lomakekentät käyttämällä enemmän semanttisia merkintöjä ja elementtejä, mutta tämä esimerkki riittää tämän opetusohjelman soveltamisalaan):
Etunimi:
Sukunimi:
Kommentit:
form>
Asiakkaasi näkevät viestin, jonka mukaan lomake lähetetään sähköpostilla. Näin tulokset näyttävät:
first_name = Jennifer
LAST_NAME = Kyrnin
comments = Hei!
Erityistä tietoa Mailto-lomakkeista
Jälleen kerran tämä menetelmä, vaikka se on helppoa, on myös hyvin rajallinen. On selvää, että mailto-lomakkeet eivät aina toimi kaikkien selainten ja sähköpostiasiakkaiden yhdistelmien kanssa. Jos olet yrittänyt käyttää mailto-lomaketta ja se ei ole onnistunut, tämä voi olla syy - voi olla jonkinlainen tekniikan yhdistelmä, joka aiheuttaa toiminnon epäonnistumisen. Jos haluat tarkempia tietoja siitä, mikä mahdollisesti häiritsee yritystäsi tällaisen lomakkeen käyttämiseen, katso " Kun Mailto-lomakkeet eivät toimi ".
Vaikka tämä menetelmä on hyvä ensimmäinen yritys luoda verkkolomakkeita, jotka tuottavat sähköpostin ja lähettävät lomaketiedot, kun saat enemmän kehittyneitä web-taidoissa, varmasti haluat tutkia entistä tehokkaampia vaihtoehtoja. CGI-komentosarjoista PHP-lomakkeisiin CMS-alustoille, joissa on sisäänrakennettu muoto-widgetit, sinulla on runsaasti kehittyneitä vaihtoehtoja harkita tulevia sivuston muodot tarpeita!
Alkuperäinen artikkeli Jennifer Krynin. Julkaisija Jeremy Girard 9/12/17