Et vanlig trekk ved nettsteder som mange nye webdesignere sliter med er et skjema. Du vil kanskje legge til et skjema på nettstedet ditt som en enkel måte for folk å komme i kontakt med deg for å stille spørsmål eller gi uttrykk for interesse for produktene eller tjenestene du tilbyr. Dessverre kan online veiledning om hvordan du legger til komplekse nettstedskjemaer, være forvirrende og slå nye webprofessorer unna.
Webskjemaer trenger ikke å være vanskelig å jobbe med, selv for nye nettsider. Mailto skjemaer er en enkel måte å lage skjemaer på. De stoler på e-postklienter for å sende skjemadataene fra kundens datamaskin til skjemaets eier. Skjemaopplysningene som er utført av brukeren til nettstedet, sendes til en bestemt adresse som angitt i kodingen for skjemaet.
Hvis du er ny til webdesign, og du ikke vet hvordan du programmerer mer komplekse interaksjoner, eller du kjører et lite nettsted og bare vil ha en enkel måte å legge til et skjema, er det å ha en mailto form som et kontaktskjema lettere enn å lære å skrive PHP. Det er også billigere enn å kjøpe et forhåndskrevet skript for å gjøre det for deg.
Med denne raske opplæringen lærer du hvordan du bruker mailto skjemaer. Selv om du aldri har gjort det tidligere, er det enkelt og mest mulig å mestre teknikken i "begynnelsen av webdesign".
Starter
HTML-skjemaer kan være utfordrende for nye webutviklere fordi de trenger mer enn bare å lære HTML-oppslag. I tillegg til HTML-elementene som trengs for å lage skjemaene og feltene, må du også ha noen måte å få skjemaet til å "arbeide". Dette krever vanligvis tilgang til et CGI-skript eller et annet program for å opprette i "handling" -attributtet til skjemaet. Den handlingen er hvordan skjemaet behandler dataene og hva det gjør med det etterpå (skriv til en database, send en e-post, etc.)
Hvis du ikke har tilgang til et skript som vil gjøre skjemaet ditt, er det en form handling som de fleste moderne nettlesere støtter.
action =" mailto: youremailaddress '
Dette er en enkel måte å få skjemadataene fra nettstedet ditt til din e-post. Admittedly, denne løsningen er svært begrenset i hva den kan gjøre, men for svært små nettsteder er det et godt sted å starte.
Triks for å bruke Mailto Forms
Bruke
enctype = "text / plain" EgenskapDette forteller nettleseren og e-postklienten at skjemaet sender vanlig tekst i stedet for noe mer komplisert. Noen nettlesere og e-postklienter sender skjemadata som er kodet for nettsider. Dette betyr at dataene sendes som en lang linje, mellomrom er erstattet med pluss (+) og andre tegn er kodet. Bruker enctype = "text / plain" Attributt bidrar til å gjøre dataene enklere å lese. Bruk GET eller POST-metodenMens POST Metoden fungerer noen ganger, det fører ofte til at nettleseren åpner et tomt e-postvindu. Hvis dette skjer med deg med FÅ metode, prøv å bytte til Her er et eksempelskjema ved hjelp av mailto-handlingen. Merk: Dette er veldig enkelt oppslag. Ideelt sett vil du kode disse skjemafeltene ved å bruke mer semantisk markering og elementer, men dette eksemplet er tilstrekkelig for omfanget av denne opplæringen. Kundene dine vil se en melding som sier at skjemaet sendes via e-post. Slik ser resultatene ut: first_name = Jennifer last_name = Kyrnin kommentarer = Hei! Igjen, denne metoden, mens den er lett, er den også veldig begrenset. Åpenbart er det viktig å merke seg at mailto skjemaer ikke alltid fungerer for alle kombinasjoner av nettlesere og e-postklienter. Hvis du har forsøkt å bruke en mailto form og ikke var vellykket, kan dette være hvorfor - det kan være en kombinasjon av teknologi som får funksjonen til å mislykkes. For mer detaljert informasjon om hva som muligens forstyrrer forsøket på å bruke et slikt skjema, se "Når Mailto Forms ikke fungerer." Selv om denne metoden er et godt første forsøk på å skape webskjemaer som genererer en e-post og sende skjemadata, etter hvert som du blir mer avansert i dine webkunnskaper, vil du sikkert ønske å utforske mer robuste alternativer. Fra CGI-skript til PHP-skjemaer til CMS-plattformer som har innebygde skjema widgets, har du mange avanserte alternativer for å vurdere for fremtidige websider. Eksempel Mailto Form
Ditt etternavn:
kommentarer: Spesiell merknad om Mailto Forms
