Cum se adaugă un formular cu KompoZer

Există de multe ori când creați pagini web în care trebuie să procesați datele introduse de utilizator, cum ar fi o pagină de conectare, crearea unui cont nou sau să trimiteți întrebări sau comentarii. Intrarea utilizatorului este colectată și trimisă pe serverul web utilizând un formular HTML. Formularele sunt ușor de adăugat împreună cu instrumentele integrate ale KompoZer. Toate tipurile de câmpuri care suportă HTML 4.0 pot fi adăugate și editate cu KompoZer, dar pentru acest tutorial vom lucra cu butoanele text, zona de text, trimiteți și resetați.

Creați un formular nou

KompoZer are instrumente bogate de formă pe care le puteți utiliza pentru a adăuga formulare paginilor dvs. web. Accesați instrumentele de formular făcând clic pe butonul Form sau pe meniul derulant din bara de instrumente. Rețineți că dacă nu vă scrieți propriile scripturi de manipulare a formularului, va trebui să obțineți câteva informații pentru acest pas din documentație sau de la programatorul care a scris scenariul. De asemenea, puteți utiliza formularele mailto, dar acestea nu funcționează întotdeauna.

1. Poziționați cursorul în locația în care doriți să apară formularul dvs. pe pagină.
2. Apasă pe Formă pe bara de instrumente. Se deschide caseta de dialog Proprietăți formulari.
3. Adăugați un nume pentru formular. Numele este utilizat în codul HTML generat automat pentru a identifica formularul și este necesar. De asemenea, trebuie să salvați pagina înainte de a adăuga un formular. Dacă lucrați cu o pagină nouă, nesalvată, KompoZer vă va solicita să salvați.
4. Adăugați URL-ul în scriptul care va procesa datele formularului în câmpul URL de acțiune. Formularele de formular sunt, de obicei, scripturi scrise în PHP sau în limbi similare de pe server. Fără aceste informații, pagina dvs. web nu va putea face nimic cu datele introduse de utilizator. KompoZer vă va solicita să introduceți adresa URL a formatorului, dacă nu îl introduceți.
5. Selectează Metodă folosit pentru a trimite datele de formular pe server. Cele două opțiuni sunt GET și POST. Veți avea nevoie să știți ce metodă necesită scriptul.
6. Clic O.K iar formularul este adăugat la pagina dvs.

Adăugați un câmp text la un formular

Odată ce ați adăugat un formular la o pagină cu KompoZer, formularul va fi prezentat pe pagină într-o linie întreruptă cu albastru deschis. Adăugați câmpurile de formular în interiorul acestei zone. Puteți, de asemenea, să introduceți text sau să adăugați imagini, la fel ca în orice altă parte a paginii. Textul este util pentru a adăuga instrucțiuni sau etichete pentru a forma câmpuri pentru ghidarea utilizatorului.

1. Alegeți unde doriți câmpul de text să meargă în zona de formă prezentată. Dacă doriți să adăugați o etichetă, vă recomandăm să introduceți mai întâi textul.
2. Apasă pe sageata in jos Alături de Formă pe bara de instrumente și selectați câmpul Formular din meniul derulant.
3. Fereastra Proprietăți câmp Formular se va deschide. Pentru a adăuga un câmp text, alegeți Text din meniul derulant etichetat Tip de câmp.
4. Dă un nume câmpului de text. Numele este utilizat pentru a identifica câmpul în codul HTML, iar scriptul de manipulare a formularului are nevoie de numele pentru prelucrarea datelor. Un număr de alte atribute opționale pot fi modificate în acest dialog prin comutarea între Mai multe proprietăți / mai puține proprietăți buton sau apăsând butonul Advanced Edit, dar pentru moment, vom introduce numele câmpului.
5. Clic O.K iar câmpul text apare pe pagină.

Adăugați o zonă de text la un formular

Uneori, o mulțime de text trebuie introdusă într-un formular, cum ar fi un mesaj sau un câmp de întrebări / comentarii. În acest caz, un câmp text nu este adecvat. Puteți adăuga un câmp de formă a zonei de text utilizând instrumentele de formular.

1. Poziționați cursorul în conturul formularului în care doriți să fie zona dvs. de text. Dacă doriți să introduceți o etichetă, este adesea o idee bună să introduceți textul etichetei, să apăsați pe Enter pentru a vă deplasa la o linie nouă, apoi să adăugați câmpul de formular, deoarece dimensiunea zonei de text de pe pagină o face neplăcută pentru eticheta să fie pe partea stângă sau pe dreapta.
2. Apasă pe sageata in jos Alături de Formă pe bara de instrumente și alegeți Text Zonă din meniul drop-down. Fereastra Text Area Properties se va deschide.
3. Introduceți un nume pentru câmpul pentru zona textului. Numele identifică câmpul din codul HTML și este utilizat de scriptul de manipulare a formularului pentru a procesa informațiile furnizate de utilizator.
4. Introduceți numărul de rânduri și coloane pe care doriți să le afișeze zona de text. Aceste dimensiuni determină dimensiunea câmpului din pagină și cât de mult text poate fi introdus în câmp înainte ca derularea să aibă loc.
5. Mai multe opțiuni avansate pot fi specificate cu celelalte comenzi din această fereastră, însă pentru moment, numele câmpului și dimensiunile sunt suficiente.
6. Clic O.K iar zona de text apare pe formular.

Adăugați un buton de trimitere și resetare la un formular

După ce utilizatorul a completat formularul de pe pagina dvs., trebuie să existe o modalitate de transmitere a informațiilor către server. În plus, dacă utilizatorul dorește să înceapă sau să facă o greșeală, este util să includeți un control care va reseta valorile formularului la valorile implicite. Controalele de formă speciale gestionează aceste funcții, numite, respectiv, butoanele Trimitere și Resetare.

1. Plasați cursorul în zona de formă prezentată unde doriți să fie butonul de trimitere sau de resetare. Cel mai adesea, acestea se vor afla sub restul câmpurilor dintr-un formular.
2. Apasă pe sageata in jos Alături de Formă pe bara de instrumente și alegeți Definiți butonul din meniul drop-down. Se va afișa fereastra Buton Proprietăți.
3. Alegeți tipul de buton din meniul drop-down numit Tip. Opțiunile dvs. sunt Trimitere, Resetare și Buton. În acest caz, vom alege A depune tip.
4. Dați un nume butonului, care va fi utilizat în codul HTML și codul de manipulare a formularului pentru a procesa solicitarea de formular. Dezvoltatorii web numesc de obicei acest câmp "trimiteți".
5. În caseta etichetă Valoare, introduceți textul care ar trebui să apară pe buton. Textul trebuie să fie scurt, dar descriptiv pentru ceea ce se va întâmpla atunci când butonul este apăsat. Ceva ca "Trimiteți", "Trimiteți formularul" sau "Trimiteți" sunt exemple bune.
6. Faceți clic pe OK, iar butonul apare pe formular.

restabili butonul poate fi adăugat la formular utilizând același proces, dar alegeți restabili de la Tip în loc de A depune.

Editarea unui formular cu KompoZer

Editarea unui câmp de formă sau de formular în KompoZer este foarte ușoară. Pur și simplu faceți dublu clic pe câmpul pe care doriți să-l editați și apare caseta de dialog corespunzătoare unde puteți schimba proprietățile câmpului pentru a vă potrivi nevoilor. Diagrama de mai sus prezintă o formă simplă, utilizând componentele acoperite de acest tutorial.