Els formularis web són pàgines web construïdes amb la tecnologia ASP.NET. S'executa al servidor i genera sortida al navegador. És compatible amb qualsevol navegador amb qualsevol idioma compatible amb .NET common language runtime. És flexible i ens permet crear i afegir controls personalitzats.
Podem utilitzar Visual Studio per crear formularis web ASP.NET. És un IDE (Integrated Development Environment) que ens permet arrossegar i deixar anar els controls del servidor als formularis web. També ens permet establir propietats, esdeveniments i mètodes per als controls. Per escriure lògica empresarial, podem triar qualsevol llenguatge .NET com: Visual Basic o Visual C#.
Els formularis web estan formats per dos components: la part visual (el fitxer ASPX) i el codi darrere del formulari, que resideix en un fitxer de classe independent.
Fig: Aquest diagrama mostra els components de l'ASP.NET
L'objectiu principal dels formularis web és superar les limitacions d'ASP i separar la vista de la lògica de l'aplicació.
ASP.NET ofereix diversos controls com: controls de servidor i controls HTML per als formularis web. Tenim taules de tots aquests controls a continuació.
Controls del servidor
La taula següent conté els controls del costat del servidor per als formularis web.
| Nom del control | Esdeveniments aplicables | Descripció |
|---|---|---|
| Etiqueta | Cap | S'utilitza per mostrar text a la pàgina HTML. |
| Caixa de text | TextChanged | S'utilitza per crear una entrada de text al formulari. |
| Botó | Feu clic, Comandament | S'utilitza per crear un botó. |
| Botó d'enllaç | Feu clic, Comandament | S'utilitza per crear un botó que s'assembla a l'hiperenllaç. |
| ImageButton | Feu clic | S'utilitza per crear un imagesButton. Aquí, una imatge funciona com a botó. |
| Hiperenllaç | Cap | S'utilitza per crear un control d'hiperenllaç que respon a un esdeveniment de clic. |
| Llista desplegable | SelectedIndexChanged | S'utilitza per crear un control de llista desplegable. |
| ListBox | SelectedIndexCnhaged | S'utilitza per crear un control ListBox com el control HTML. |
| DataGrid | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, PageIndexChanged, SortCommand, UpdateCommand, ItemCreated, ItemDataBound | Solia crear un frid que s'utilitza per mostrar dades. També podem realitzar paginació, ordenació i formatació molt fàcilment amb aquest control. |
| DataList | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, UpdateCommand, ItemCreated, ItemDataBound | S'utilitza per crear una llista de dades que no és tabular i que s'utilitza per mostrar dades. |
| Repetidor | ItemCommand, ItemCreated, ItemDataBound | Ens permet crear un tipus de format no tabular per a les dades. Podeu lligar les dades a elements de plantilla, que són com fragments d'HTML reunits en un format repetit específic. |
| CheckBox | CheckChanged | S'utilitza per crear una casella de selecció. |
| CheckBoxList | SelectedIndexChanged | S'utilitza per crear un grup de caselles de selecció que funcionin totes juntes. |
| Botó de ràdio | CheckChanged | S'utilitza per crear un botó d'opció. |
| RadioButtonList | SelectedIndexChanged | S'utilitza per crear un grup de controls de botons d'opció que funcionen tots junts. |
| Imatge | Cap | S'utilitza per mostrar imatges dins de la pàgina. |
| Panell | Cap | S'utilitza per crear un panell que funcioni com a contenidor. |
| Posseïdor del lloc | Cap | S'utilitza per establir un marcador de posició per al control. |
| Calendari | SelectionChanged, VisibleMonthChanged, DayRender | S'utilitza per crear un calendari. Podem establir la data predeterminada, avançar i retrocedir, etc. |
| AdRotator | Anunci creat | Ens permet especificar una llista d'anuncis per mostrar. Cada vegada que l'usuari torna a mostrar la pàgina. |
| Taula | Cap | S'utilitza per crear una taula. |
| XML | Cap | S'utilitza per mostrar documents XML dins de l'HTML. |
| Literal | Cap | És com una etiqueta, ja que mostra un literal, però ens permet crear nous literals en temps d'execució i col·locar-los en aquest control. |
Controls HTML
Aquests controls es mostren pel navegador. També podem fer controls HTML com a control de servidor. parlarem d'això en el nostre tutorial més endavant.
| Nom dels controls | Descripció |
|---|---|
| Botó | S'utilitza per crear un botó HTML. |
| Botó de reset | Restableix tots els altres elements del formulari HTML d'un formulari al valor predeterminat |
| Botó d'enviament | Envia automàticament les dades del formulari a la pàgina especificada que apareix a l'atribut Action de l'etiqueta FORM |
| Camp de text | Ofereix a l'usuari una àrea d'entrada en un formulari HTML |
| Àrea de text | S'utilitza per a l'entrada de diverses línies en un formulari HTML |
| Camp d'arxiu | Col·loca un camp de text i un botó Navega en un formulari i permet a l'usuari seleccionar un nom de fitxer de la seva màquina local quan es fa clic al botó Navega |
| Camp de contrasenya | Una àrea d'entrada en un formulari HTML, encara que els caràcters escrits en aquest camp es mostren com a asteriscs |
| CheckBox | Ofereix a l'usuari una casella de selecció que pot seleccionar o esborrar |
| Botó de ràdio | S'utilitza dos o més per a un formulari i permet a l'usuari triar un dels controls |
| Taula | Permet presentar la informació en format tabular |
| Imatge | Mostra una imatge en un formulari HTML |
| ListBox | Mostra una llista d'elements a l'usuari. Podeu definir la mida entre dos o més per especificar quants elements voleu mostrar. Si hi ha més elements dels que caben dins d'aquest límit, s'afegeix automàticament una barra de desplaçament a aquest control. |
| Menú desplegable | Mostra una llista d'elements a l'usuari, però només apareixerà un element a la vegada. L'usuari pot fer clic a una fletxa cap avall del costat d'aquest control i es mostrarà una llista d'elements. |
| Regla horitzontal | Mostra una línia horitzontal a través de la pàgina HTML |