Formularele Web sunt pagini web construite pe tehnologia ASP.NET. Se execută pe server și generează rezultate către browser. Este compatibil cu orice browser cu orice limbă acceptată de .NET common language runtime. Este flexibil și ne permite să creăm și să adăugăm controale personalizate.
Putem folosi Visual Studio pentru a crea formulare web ASP.NET. Este un IDE (Integrated Development Environment) care ne permite să glisăm și să plasăm controalele serverului în formularele web. De asemenea, ne permite să setăm proprietăți, evenimente și metode pentru controale. Pentru a scrie logica de afaceri, putem alege orice limbaj .NET precum: Visual Basic sau Visual C#.
Formularele Web sunt alcătuite din două componente: porțiunea vizuală (fișierul ASPX) și codul din spatele formularului, care se află într-un fișier de clasă separat.
Smochin: Această diagramă arată componentele ASP.NET
Scopul principal al formularelor web este de a depăși limitările ASP și de a separa vizualizarea de logica aplicației.
ASP.NET oferă diverse controale, cum ar fi: controale de server și controale HTML pentru formularele Web. Avem mai jos tabelele cu toate aceste controale.
Controale server
Următorul tabel conține controalele de pe partea serverului pentru formularele Web.
| Nume de control | Evenimente aplicabile | Descriere |
|---|---|---|
| Eticheta | Nici unul | Este folosit pentru a afișa text pe pagina HTML. |
| Casetă de text | TextChanged | Este folosit pentru a crea o introducere de text în formular. |
| Buton | Faceți clic, Comandă | Este folosit pentru a crea un buton. |
| LinkButton | Faceți clic, Comandă | Este folosit pentru a crea un buton care arată similar cu hyperlinkul. |
| ImageButton | Clic | Este folosit pentru a crea un buton imagini. Aici, o imagine funcționează ca un Buton. |
| Hyperlink | Nici unul | Este folosit pentru a crea un control de hyperlink care răspunde la un eveniment de clic. |
| Lista verticală | SelectedIndexChanged | Este folosit pentru a crea un control listă verticală. |
| ListBox | SelectedIndexCnhaged | Este folosit pentru a crea un control ListBox, cum ar fi controlul HTML. |
| Grila de date | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, PageIndexChanged, SortCommand, UpdateCommand, ItemCreated, ItemDataBound | A folosit pentru a crea un frigider care este folosit pentru a afișa date. De asemenea, putem efectua paginarea, sortarea și formatarea foarte ușor cu acest control. |
| DataList | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, UpdateCommand, ItemCreated, ItemDataBound | Este folosit pentru a crea liste de date care nu sunt tabelare și utilizate pentru a afișa date. |
| Repetitor | ItemCommand, ItemCreated, ItemDataBound | Ne permite să creăm un tip de format non-tabular pentru date. Puteți lega datele la elementele șablon, care sunt ca niște biți de HTML puse împreună într-un format care se repetă. |
| Caseta de bifat | VerificareSchimbată | Este folosit pentru a crea casete de selectare. |
| CheckBoxList | SelectedIndexChanged | Este folosit pentru a crea un grup de casete de selectare care lucrează toate împreună. |
| Buton de radio | VerificareSchimbată | Este folosit pentru a crea butonul radio. |
| RadioButtonList | SelectedIndexChanged | Este folosit pentru a crea un grup de butoane radio care funcționează împreună. |
| Imagine | Nici unul | Este folosit pentru a afișa imaginea în cadrul paginii. |
| Panou | Nici unul | Este folosit pentru a crea un panou care funcționează ca un container. |
| Placeholder | Nici unul | Este folosit pentru a seta substituent pentru control. |
| Calendar | SelectionChanged, VisibleMonthChanged, DayRender | Este folosit pentru a crea un calendar. Putem seta data implicită, putem merge înainte și înapoi etc. |
| AdRotator | Anunț creat | Ne permite să specificăm o listă de anunțuri de afișat. De fiecare dată când utilizatorul reafișează pagina. |
| Masa | Nici unul | Este folosit pentru a crea un tabel. |
| XML | Nici unul | Este folosit pentru a afișa documente XML în HTML. |
| Literal | Nici unul | Este ca o etichetă prin faptul că afișează un literal, dar ne permite să creăm noi literale în timpul execuției și să le plasăm în acest control. |
Controale HTML
Aceste controale sunt redate de browser. De asemenea, putem face controale HTML ca control server. vom discuta despre acest lucru în tutorialul nostru în continuare.
| Nume controale | Descriere |
|---|---|
| Buton | Este folosit pentru a crea butonul HTML. |
| Butonul de resetare | Resetează toate celelalte elemente de formular HTML dintr-un formular la o valoare implicită |
| Buton de trimitere | POSTĂ automat datele formularului în pagina specificată, listată în atributul Action din eticheta FORM |
| Câmp text | Oferă utilizatorului o zonă de introducere pe un formular HTML |
| Zona de text | Folosit pentru introducerea pe mai multe linii pe un formular HTML |
| Câmp de fișier | Plasează un câmp de text și un buton Răsfoire pe un formular și permite utilizatorului să selecteze un nume de fișier de pe computerul local atunci când se face clic pe butonul Răsfoire |
| Câmpul pentru parolă | O zonă de introducere pe un formular HTML, deși orice caractere introduse în acest câmp sunt afișate ca asteriscuri |
| Caseta de bifat | Oferă utilizatorului o casetă de selectare pe care o poate selecta sau debifa |
| Buton de radio | Folosit două sau mai multe la un formular și permite utilizatorului să aleagă una dintre controale |
| Masa | Vă permite să prezentați informații într-un format tabelar |
| Imagine | Afișează o imagine într-un formular HTML |
| ListBox | Afișează utilizatorului o listă de articole. Puteți seta dimensiunea de la două sau mai multe pentru a specifica câte articole doriți să afișați. Dacă există mai multe elemente decât se pot încadra în această limită, o bară de defilare este adăugată automat la acest control. |
| Scapă jos | Afișează o listă de articole pentru utilizator, dar va apărea doar un articol la un moment dat. Utilizatorul poate face clic pe o săgeată în jos din partea laterală a acestui control și va fi afișată o listă de elemente. |
| Regula orizontală | Afișează o linie orizontală pe pagina HTML |