Los formularios web son páginas web creadas con la tecnología ASP.NET. Se ejecuta en el servidor y genera resultados para el navegador. Es compatible con cualquier navegador y cualquier idioma compatible con .NET Common Language Runtime. Es flexible y nos permite crear y agregar controles personalizados.
Podemos utilizar Visual Studio para crear formularios web ASP.NET. Es un IDE (Entorno de Desarrollo Integrado) que nos permite arrastrar y soltar controles del servidor a los formularios web. También nos permite establecer propiedades, eventos y métodos para los controles. Para escribir lógica de negocios, podemos elegir cualquier lenguaje .NET como: Visual Basic o Visual C#.
Los formularios web se componen de dos componentes: la parte visual (el archivo ASPX) y el código detrás del formulario, que reside en un archivo de clase separado.
Higo: Este diagrama muestra los componentes de ASP.NET.
El objetivo principal de Web Forms es superar las limitaciones de ASP y separar la vista de la lógica de la aplicación.
ASP.NET proporciona varios controles como: controles de servidor y controles HTML para formularios web. Tenemos tablas de todos estos controles a continuación.
Controles del servidor
La siguiente tabla contiene los controles del lado del servidor para Web Forms.
| Nombre del control | Eventos aplicables | Descripción |
|---|---|---|
| Etiqueta | Ninguno | Se utiliza para mostrar texto en la página HTML. |
| Caja de texto | Texto cambiado | Se utiliza para crear una entrada de texto en el formulario. |
| Botón | Haga clic, Comando | Se utiliza para crear un botón. |
| Botón de enlace | Haga clic, Comando | Se utiliza para crear un botón similar al hipervínculo. |
| Botón Imagen | Hacer clic | Se utiliza para crear un botón de imágenes. Aquí, una imagen funciona como un botón. |
| Hipervínculo | Ninguno | Se utiliza para crear un control de hipervínculo que responde a un evento de clic. |
| La lista desplegable | Índice seleccionadoCambiado | Se utiliza para crear un control de lista desplegable. |
| Cuadro de lista | ÍndiceSeleccionadoCnhagged | Se utiliza para crear un control ListBox como el control HTML. |
| Cuadrícula de datos | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, PageIndexChanged, SortCommand, UpdateCommand, ItemCreated, ItemDataBound | Solía crear un frid que se utiliza para mostrar datos. También podemos realizar paginación, clasificación y formateo muy fácilmente con este control. |
| Lista de datos | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, UpdateCommand, ItemCreated, ItemDataBound | Se utiliza para crear una lista de datos que no es tabular y se utiliza para mostrar datos. |
| Reloj de repetición | ItemCommand, ItemCreated, ItemDataBound | Nos permite crear un tipo de formato de datos no tabular. Puede vincular los datos a elementos de plantilla, que son como fragmentos de HTML reunidos en un formato repetitivo específico. |
| Caja | ComprobarCambiado | Se utiliza para crear casillas de verificación. |
| Lista de casillas de verificación | Índice seleccionadoCambiado | Se utiliza para crear un grupo de casillas de verificación que funcionan todas juntas. |
| Boton de radio | ComprobarCambiado | Se utiliza para crear un botón de opción. |
| Lista de botones de radio | Índice seleccionadoCambiado | Se utiliza para crear un grupo de controles de botones de opción que funcionan juntos. |
| Imagen | Ninguno | Se utiliza para mostrar imágenes dentro de la página. |
| Panel | Ninguno | Se utiliza para crear un panel que funciona como contenedor. |
| Marcador de posición | Ninguno | Se utiliza para establecer un marcador de posición para el control. |
| Calendario | SelecciónCambiada, VisibleMesCambiado, DíaRender | Se utiliza para crear un calendario. Podemos establecer la fecha predeterminada, avanzar y retroceder, etc. |
| AdRotator | Anuncio creado | Nos permite especificar una lista de anuncios a mostrar. Cada vez que el usuario vuelve a mostrar la página. |
| Mesa | Ninguno | Se utiliza para crear tablas. |
| XML | Ninguno | Se utiliza para mostrar documentos XML dentro del HTML. |
| Literal | Ninguno | Es como una etiqueta en el sentido de que muestra un literal, pero nos permite crear nuevos literales en tiempo de ejecución y colocarlos en este control. |
Controles HTML
Estos controles los representa el navegador. También podemos hacer controles HTML como control del servidor. Discutiremos sobre esto en nuestro tutorial.
| Nombre de los controles | Descripción |
|---|---|
| Botón | Se utiliza para crear un botón HTML. |
| Botón de reinicio | Restablece todos los demás elementos de formulario HTML en un formulario a un valor predeterminado |
| Botón de enviar | Publica automáticamente los datos del formulario en la página especificada que figura en el atributo Acción en la etiqueta FORM |
| Campo de texto | Le da al usuario un área de entrada en un formulario HTML |
| Área de texto | Se utiliza para entradas de varias líneas en un formulario HTML. |
| Campo de archivo | Coloca un campo de texto y un botón Examinar en un formulario y permite al usuario seleccionar un nombre de archivo desde su máquina local cuando se hace clic en el botón Examinar. |
| Campo de contraseña | Un área de entrada en un formulario HTML, aunque cualquier carácter escrito en este campo se muestra como asteriscos. |
| Caja | Le da al usuario una casilla de verificación que puede seleccionar o borrar. |
| Boton de radio | Se utilizan dos o más en un formulario y permite al usuario elegir uno de los controles. |
| Mesa | Le permite presentar información en formato tabular. |
| Imagen | Muestra una imagen en un formulario HTML |
| Cuadro de lista | Muestra una lista de elementos al usuario. Puede establecer el tamaño entre dos o más para especificar cuántos elementos desea mostrar. Si hay más elementos de los que caben dentro de este límite, se agrega automáticamente una barra de desplazamiento a este control. |
| Desplegable | Muestra una lista de elementos al usuario, pero solo aparecerá un elemento a la vez. El usuario puede hacer clic en una flecha hacia abajo desde el costado de este control y se mostrará una lista de elementos. |
| Regla horizontal | Muestra una línea horizontal a lo largo de la página HTML. |