Cum Se Creează Câmpuri De Formular

Cuprins:

Cum Se Creează Câmpuri De Formular
Cum Se Creează Câmpuri De Formular

Video: Cum Se Creează Câmpuri De Formular

Video: Cum Se Creează Câmpuri De Formular
Video: How To Create Fillable Forms In Microsoft Word (Create HR Template Forms) Part 1 2024, Noiembrie
Anonim

Prelucrarea datelor pe care vizitatorii le trimit serverului după completarea formularelor web este gestionată de un program special (script). Prin urmare, este logic să adăugați câmpuri la un formular postat pe o pagină web numai dacă funcțiile pentru lucrul cu aceste câmpuri sunt programate în script. Dacă această condiție este îndeplinită, rămâne să faci partea relativ simplă a lucrului de a adăuga etichete la codul sursă al paginii care formează câmpurile obligatorii.

Cum se creează câmpuri de formular
Cum se creează câmpuri de formular

Este necesar

Cunoștințe de bază în HTML

Instrucțiuni

Pasul 1

Operația de formare a etichetelor necesare poate fi preluată de editorul de pagini, dacă aveți ocazia să utilizați modul de editare vizuală în acesta. Un astfel de editor poate fi o parte integrantă a sistemului de gestionare a conținutului - introduceți-l și încărcați o pagină cu un formular în care ar trebui adăugate noi câmpuri. Utilizați operațiile de copiere și lipire - selectați și copiați câteva elemente existente (câmpul de introducere și textul asociat acestuia), apoi faceți clic pe pagina în care ar trebui să fie plasat câmpul suplimentar și lipiți cel copiat.

Pasul 2

După aceea, editați separat proprietățile fiecărui element al perechii. Doar selectați inscripția cu mouse-ul și tastați un text nou, iar pentru câmpul de introducere utilizați butonul din panoul editorului care îi deschide proprietățile. În proprietăți, cel puțin trebuie să modificați valoarea din câmpul nume - trebuie să corespundă cu numele câmpului programat în scriptul de procesare. Repetați copiere / lipire pentru setul de câmpuri necesar și salvați pagina.

Pasul 3

Dacă nu există acces la editarea vizuală, deschideți codul sursă al paginii în orice text sau editor specializat și adăugați etichetele necesare. Această metodă necesită unele cunoștințe despre tehnicile de aspectare a paginilor web și HTML. Pentru a adăuga un câmp de text simplu la formular, utilizați eticheta de introducere, adăugând textul valorii la atributul de tip. În plus față de acest atribut, este necesar doar numele - trebuie să conțină numele acestui câmp formular cunoscut de scriptul de gestionare. Folosind alte atribute, puteți seta numărul de caractere care determină vizual lungimea câmpului de intrare (atributul dimensiune), numărul maxim admis de caractere (lungime maximă), parametrii de stil (stil), apartenența la clasă (clasă) etc. Această etichetă poate fi văzută în cod, de exemplu astfel:

Pasul 4

Pentru un câmp text cu mai multe linii, utilizați eticheta textarea. Se compune din două părți - deschidere și închidere. În prima, trebuie să setați valoarea numelui și, folosind atributele rânduri și cols, puteți seta numărul de rânduri și coloane ale acestui element de formular. De exemplu:

Pasul 5

Alte tipuri de câmpuri de formular pot fi casete de selectare - pentru a le forma, utilizați și eticheta de intrare, dar spre deosebire de un câmp text cu o singură linie, specificați valoarea casetei de selectare în atributul de tip. Dacă acest element de formular trebuie verificat, adăugați atributul verificat la eticheta sa. De exemplu:

Pasul 6

Pentru a insera o casetă de selectare în formular și a încărca un fișier, utilizați aceeași etichetă de intrare cu valoarea fișierului în atributul type. De exemplu:

Pasul 7

O construcție mai complexă formează un câmp cu o listă derulantă. Trebuie să conțină o pereche de etichete selective de deschidere și închidere. Plasați perechi de etichete de opțiune între ele, fiecare specificând o singură linie de selecție. Etichetele de deschidere trebuie să conțină atributul value (valoarea acestuia va fi transmisă către server), iar între părțile de deschidere și de închidere, așezați textul pe care vizitatorul îl va vedea în această linie a listei. De exemplu: Prima linie de selecție A doua linie de selecție A treia linie de selecție

Recomandat: