Tutorial HTML Forms
O caracteristică comună a site-urilor web pe care mulți luptători noi cu web designer le prezintă sunt formularele. Poate doriți să adăugați un formular pe site-ul dvs. ca o modalitate simplă de a contacta oamenii cu dvs. pentru a pune întrebări sau pentru a vă exprima interesul pentru produsele sau serviciile pe care le oferiți. Din păcate, tutorialele online despre cum puteți adăuga formulare complexe de site-uri pot fi confuze și pot transforma noi profesioniști în web.
Formularele web nu trebuie să fie dificil de utilizat, chiar și pentru noile web-uri.
Formularele de corespondență sunt o modalitate ușoară de a face ca formele să funcționeze. Ei se bazează pe clienții de e-mail pentru a trimite datele formularului de pe computerul clientului către proprietarul formularului. Datele formularului completate de utilizatorul site-ului web sunt e-mail la o anumită adresă specificată în codarea formularului.
Dacă sunteți nou în designul web și nu știți cum să programați interacțiuni mai complexe sau dacă rulați un mic site și doriți doar o modalitate simplă de a adăuga un formular, aveți un formular mailto ca formular de contact este o mulțime mai ușor decât să învățați să scrieți PHP. Este, de asemenea, mai ieftin decât cumpărarea unui scripturi pre-scrise pentru a face acest lucru pentru dvs.
Cu acest tutorial rapid, învățați cum să utilizați formularele mailto. Chiar dacă nu ați făcut-o niciodată anterior, stăpânirea tehnicii este ușoară și cu siguranță în domeniul "începutului designului web".
Noțiuni de bază
Formularele HTML pot fi o provocare pentru noii dezvoltatori web, deoarece necesită mai mult decât învățarea marcării HTML. În plus față de elementele HTML necesare pentru a crea formularele și câmpurile sale, trebuie să aveți și un fel să obțineți formularul "de lucru". Aceasta necesită, de obicei, accesul la un script CGI sau la alt program pentru a crea în atributul "acțiune" al formularului.
Acea acțiune este modul în care forma procesează datele și ceea ce face cu acestea după aceea (scrie într-o bază de date, trimite un e-mail etc.)
Dacă nu aveți acces la un script care va face ca formularul dvs. să funcționeze, există o acțiune pe care majoritatea browserelor moderne o acceptă.
action = " mailto: youremailaddress "
Acesta este un mod simplu de a obține datele formularului de pe site-ul dvs. web la adresa dvs. de e-mail.
Desigur, această soluție este foarte limitată în ceea ce poate face, însă pentru site-urile web foarte mici, este un loc bun pentru a începe.
Trucuri pentru utilizarea formularelor Mailto
Utilizați atributul enctype = "text / plain"
Acest lucru îi spune browserului, precum ș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 datele de formare codate pentru paginile Web . Aceasta înseamnă că datele sunt trimise ca o linie lungă, spațiile sunt înlocuite cu plus (+) și alte caractere sunt codificate. Folosind atributul enctype = "text / plain" ajută la îmbunătățirea citirii datelor.
Utilizați metoda GET sau POST
În timp ce metoda POST funcționează uneori, ea cauzează adesea browserului să deschidă o fereastră de e-mail necompletată. Dacă vi se întâmplă acest lucru cu metoda GET, încercați să treceți la POST.
Exemple de Formular Mailto
Iată un exemplu de formular care utilizează acțiunea mailto (notă - aceasta este o marcare foarte simplă. În mod ideal, ați codifica aceste câmpuri de formular utilizând mai multe elemente de marcare și elemente semantice, dar acest exemplu este suficient pentru scopul acestui tutorial):
Numele dvs. principal:
Numele dvs. de familie:
Comentarii: