Formă frumoasă de abonament, dezmembrăm codurile html ale serviciilor justclick și smartresponder, creăm site-uri,

Formular de abonament frumos: dezasamblam codurile html ale serviciilor Justclick și Smartresponder

În articolul meu anterior, am dezasamblat codul html al formularului pe care l-am primit folosind generatorul de formulare. Dar aceasta este o formă abstractă care nu a fost încă asociată cu niciun serviciu. Acum vom analiza codurile formularelor de abonament oferite de serviciile populare Justclick și Smartresponder și vom copia în forma noastră elemente care le vor conecta la serviciu și îl vor transforma într-un formular de abonament cu drepturi depline.







Să începem cu serviciul Smartresponder. Iată codul formularului de abonare (l-am eliminat din stilurile pe care serviciul le introduce direct în cod și de care nu avem nevoie, pentru că avem propriile noastre stiluri).

Acest cod, în principiu, este similar cu codul pe care l-am dezasamblat deja. Care sunt diferențele?

La începutul codului, veți vedea eticheta . Acesta este un script în limba Java (astfel de scripturi pot fi inserate direct în codul html), care este responsabil pentru validarea formularului. Validarea este verificarea informațiilor pe care utilizatorul le-a introdus în câmpurile de formular, înainte de a trimite formularul. Acesta este un lucru foarte important, deoarece dacă nu există validare, vizitatorul site-ului poate trimite, de exemplu, formularul gol primit sau formularul cu abracadabra în loc de e-mail. Sunt de acord, acest lucru nu este deloc ceea ce ne-ar place.







Acum du-te la formularul, care în codul meu este situat sub scenariu.

Prima etichetă -

, aici arată astfel:

Următoarele sunt câmpurile formularului:

Toate aceste câmpuri au atributul type = hidden. Acestea sunt câmpuri ascunse, ele transmit informații de serviciu către Smartresponder. Copiați-le și inserați-le în formular după etichetă . Valorile marcate X de la mine, luați din codul de formular, pe care l-ați emis un serviciu pentru corespondența dvs. specifică.

La fel cu e-mailul - înlocuiți numele cu field_email.

Ultimul câmp este butonul de trimitere

Și aici, înlocuim valoarea câmpului de nume cu SR_submitButton.

În următorul articol, vom intra în stilurile CSS pentru formularul nostru. Și acum vă voi arăta codul formularului de abonament din serviciul Justclick (de asemenea, am curățat de stiluri și scripturi suplimentare).

Aici totul este mai primitiv. Scenariul nu este validat și validarea are loc întotdeauna pe partea laterală a serviciului. Deci, deschide doar rezultatul unei transmiteri formă într-o fereastră nouă, astfel încât vizitatorii să poată reveni cu ușurință la site-ul dvs. (amintiți-vă, că este responsabil pentru această etichetă forma atribut target = »_ blank.» De asemenea, în formă de tag-ul pe care doriți să copiați atributul de acțiune a formei pe care le-a dat serviciu pentru distribuția dvs. special. în același timp oripilat, cât de multe au fost cod, pe care am plecat de la 4 linii scrise.







Articole similare

Trimiteți-le prietenilor: