Un tutorial despre modul de utilizare a formularelor „Mailto”

click fraud protection

O caracteristică de site web atât de nouă designeri web lupta cu este un formular, dar formularele web nu trebuie să fie complicate. Formularele Mailto sunt o modalitate ușoară de a face formularele să funcționeze. Aceste formulare se bazează pe clienții de e-mail pentru a trimite datele formularului de pe computerul clientului către proprietarul formularului. Formularele Mailto sunt mai ușoare decât să înveți să scrii PHP și mai ieftin decât cumpărarea unui script pre-scris. Iată cum puteți crea un formular HTML mailto.

O tastatură cu butonul Contactați-ne
Courtney Keating / E + / Getty Images

Noțiuni de bază

Formularele HTML pot fi provocatoare pentru noi dezvoltatori web deoarece aceste formulare necesită mai mult decât învățarea marcajului HTML. Pe lângă Elemente HTML necesare pentru a crea formularul și câmpurile acestuia, trebuie să existe o modalitate de a face formularul să funcționeze. Acest lucru necesită de obicei PHP, acces la un Script CGI, sau un alt program pentru a crea atributul de acțiune al formularului. Această acțiune este modul în care formularul procesează datele și ce face cu ele ulterior (de exemplu, scrie într-o bază de date sau trimite un e-mail).

instagram viewer

Dacă nu aveți acces la un script pentru ca formularul să funcționeze, există o acțiune de formular acceptată de majoritatea browserelor moderne.

action = "mailto: youremailaddress"

Acesta este un mod simplu de a obține datele formularului de pe site-ul dvs. către e-mail. Această soluție este limitată în ceea ce poate face. Cu toate acestea, pentru site-urile mici, este un loc bun pentru a începe.

Trucuri pentru utilizarea formularelor Mailto

Folosește enctype = "text / simplu" atribut. Acest atribut îi spune browserului și clientului de e-mail că formularul trimite text simplu, mai degrabă decât ceva mai complicat.

Unele browsere și clienți de e-mail trimit date pentru formular codate pagini web. Aceasta înseamnă că datele sunt trimise ca o singură linie, unde spațiile sunt înlocuite cu semnul plus (+), iar alte caractere sunt codificate. Folosind enctype = "text / simplu" atributul facilitează citirea datelor.

Exemplu de formular Mailto

Iată un exemplu de formular folosind acțiunea mailto.


Prenumele tău:
Numele dvs. de familie:
Comentarii:

Acesta este un markup simplu. În mod ideal, aceste câmpuri de formular sunt codificate folosind marcaje și elemente semantice. Cu toate acestea, acest exemplu este suficient pentru scopul acestui tutorial.

Clienții dvs. văd un mesaj care spune că formularul este trimis prin e-mail. Rezultatul arată astfel:

prenume = Jennifer
last_name = Kyrnin
comentarii = Salut!

Utilizați metoda GET sau POST

In timp ce POST metoda uneori funcționează, de multe ori determină browserul să deschidă o fereastră de e-mail necompletată. Dacă ți se întâmplă acest lucru cu OBȚINE metoda, apoi comutați la POST.

Notă specială despre formularele Mailto

Această metodă, deși ușoară, este limitată. Este important să rețineți că formularele mailto nu funcționează întotdeauna pentru toate combinațiile de browsere și clienți de e-mail. Dacă ați folosit un formular mailto și nu ați avut succes, ar putea exista o combinație de tehnologie care ar fi dus la eșecul funcției.

Această metodă este o primă încercare bună de a crea formulare web care generează un e-mail și trimit date de formular. Pe măsură ce avansați în abilitățile dvs. de web, explorați opțiuni mai robuste. De la scripturi CGI la formulare PHP la platforme CMS care au widget-uri de formulare încorporate, aveți o mulțime de opțiuni avansate pe care să le luați în considerare pentru viitoarele dvs. nevoi de formular de site.

instagram story viewer