En veiledning om hvordan du bruker 'Mailto' skjemaer

click fraud protection

En nettside har den nye webdesignere sliter med er et skjema, men webskjemaer trenger ikke å være kompliserte. Mailto-skjemaer er en enkel måte å få skjemaer til å fungere. Disse skjemaene er avhengige av e-postklienter for å sende skjemadataene fra kundens datamaskin til skjemaeieren. Mailto-skjemaer er lettere enn å lære å skrive PHP og billigere enn å kjøpe et ferdig skrevet manus. Slik lager du et HTML mailto-skjema.

Et tastatur med en Kontakt oss-knapp
Courtney Keating / E + / Getty Images

Starter

HTML-skjemaer kan være utfordrende for nye webutviklere fordi disse skjemaene krever mer enn å lære HTML-markering. I tillegg til det HTML-elementer nødvendig for å lage skjemaet og dets felt, må det være en måte å få skjemaet til å fungere. Dette krever vanligvis PHP, tilgang til a CGI-skript, eller et annet program for å opprette handlingsattributtet til skjemaet. Denne handlingen er hvordan skjemaet behandler dataene og hva det gjør med det etterpå (for eksempel skrive til en database eller sende en e-post).

Hvis du ikke har tilgang til et skript for å få skjemaet til å fungere, er det en skjemahandling som de fleste moderne nettlesere støtter.

instagram viewer

action = "mailto: youremailaddress"

Dette er en enkel måte å få skjemadataene fra nettstedet ditt til e-posten din. Denne løsningen er begrenset i hva den kan gjøre. For små nettsteder er det imidlertid et bra sted å starte.

Triks for å bruke Mailto Forms

Bruke enctype = "tekst / vanlig" Egenskap. Dette attributtet forteller nettleseren og e-postklienten at skjemaet sender ren tekst i stedet for noe mer komplisert.

Noen nettlesere og e-postklienter sender skjemadata kodet for nettsider. Dette betyr at dataene sendes som en linje, der mellomrom erstattes av pluss tegnet (+) og andre tegn er kodet. Bruker enctype = "tekst / vanlig" attributt gjør dataene lettere å lese.

Eksempel på Mailto-skjema

Her er et eksempel på skjema ved bruk av mailto-handlingen.


Fornavnet ditt:
Ditt etternavn:
Kommentarer:

Dette er en enkel markering. Ideelt sett er disse skjemafeltene kodet ved hjelp av semantisk markering og elementer. Dette eksemplet er imidlertid tilstrekkelig for omfanget av denne opplæringen.

Kundene dine ser en melding om at skjemaet sendes via e-post. Resultatet ser slik ut:

fornavn = Jennifer
etternavn = Kyrnin
kommentarer = Hei!

Bruk GET eller POST-metoden

Mens POST metoden noen ganger fungerer, får den ofte nettleseren til å åpne et tomt e-postvindu. Hvis dette skjer med deg med metode, og bytt deretter til POST.

Spesiell merknad om Mailto-skjemaer

Selv om denne metoden er enkel, begrenset den også. Det er viktig å merke seg at mailto-skjemaer ikke alltid fungerer for alle kombinasjoner av nettlesere og e-postklienter. Hvis du brukte et mailto-skjema og ikke lyktes, kan det være en kombinasjon av teknologi som fikk funksjonen til å mislykkes.

Denne metoden er et godt første forsøk på å lage webskjemaer som genererer en e-post og sender skjemadata. Når du blir mer avansert i dine ferdigheter på nettet, kan du utforske mer robuste alternativer. Fra CGI-skript til PHP-skjemaer til CMS-plattformer som har innebygde skjema-widgets, har du mange avanserte muligheter å vurdere for dine fremtidige behov for nettstedsskjema.

instagram story viewer