En veiledning om hvordan du bruker 'Mailto'-skjemaer

Lag et enkelt e-postskjema med HTML

En nettsidefunksjon som er ny webdesignere kamp med er et skjema, men nettskjemaer trenger ikke være kompliserte. Mailto-skjemaer er en enkel måte å få skjemaer til å fungere. Disse skjemaene er avhengige av at e-postklienter sender skjemadataene fra kundens datamaskin til skjemaeieren. Mailto-skjemaer er enklere enn å lære å skrive PHP og billigere enn å kjøpe et forhåndsskrevet manus. Slik lager du et HTML-mailto-skjema.

Courtney Keating / E+ / Getty Images

Starter

HTML-skjemaer kan være utfordrende for nye webutviklere fordi disse skjemaene krever mer enn å lære HTML-oppmerking. 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 en CGI-skript , eller et annet program for å lage handlingsattributtet til skjemaet. Denne handlingen er hvordan skjemaet behandler dataene og hva det gjør med dem 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 én skjemahandling som de fleste moderne nettlesere støtter.

|_+_|

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 godt sted å begynne.

Triks for å bruke Mailto-skjemaer

Bruke enctype='text/plain' 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 én linje, hvor mellomrom erstattes med plusstegnet (+) og andre tegn kodes. Bruker enctype='text/plain' attributt gjør dataene lettere å lese.

Eksempel på Mailto-skjema

Her er et eksempelskjema som bruker 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 som sier at skjemaet sendes via e-post. Resultatet ser slik ut:

|_+_|

Bruk GET- eller POST-metoden

Mens POST Metoden fungerer noen ganger, den fører ofte til at nettleseren åpner et tomt e-postvindu. Hvis dette skjer med deg FÅ metoden, bytt deretter til POST .

Spesiell merknad om Mailto-skjemaer

Selv om denne metoden er enkel, er den også begrenset. 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 førte til at funksjonen mislyktes.

Denne metoden er et godt første forsøk på å lage nettskjemaer som genererer en e-post og sender skjemadata. Etter hvert som du blir mer avansert i nettferdighetene dine, kan du utforske mer robuste alternativer. Fra CGI-skript til PHP-skjemaer til CMS-plattformer som har innebygde skjemawidgeter, du har mange avanserte alternativer å vurdere for dine fremtidige behov for nettstedsskjemaer.