Web Forms são páginas da web construídas na tecnologia ASP.NET. Ele é executado no servidor e gera saída para o navegador. É compatível com qualquer navegador e qualquer idioma suportado pelo .NET Common Language Runtime. É flexível e nos permite criar e adicionar controles personalizados.
Podemos usar o Visual Studio para criar Web Forms ASP.NET. É um IDE (Ambiente de Desenvolvimento Integrado) que nos permite arrastar e soltar controles de servidor nos formulários web. Também nos permite definir propriedades, eventos e métodos para os controles. Para escrever lógica de negócios, podemos escolher qualquer linguagem .NET como: Visual Basic ou Visual C#.
Os Web Forms são compostos de dois componentes: a parte visual (o arquivo ASPX) e o código por trás do formulário, que reside em um arquivo de classe separado.
Figo: Este diagrama mostra os componentes do ASP.NET
O principal objetivo dos Web Forms é superar as limitações do ASP e separar a visualização da lógica da aplicação.
ASP.NET fornece vários controles como: controles de servidor e controles HTML para Web Forms. Temos tabelas de todos esses controles abaixo.
Controles de servidor
A tabela a seguir contém os controles do lado do servidor para Web Forms.
| Nome do controle | Eventos Aplicáveis | Descrição |
|---|---|---|
| Rótulo | Nenhum | É usado para exibir texto na página HTML. |
| Caixa de texto | Texto alterado | É usado para criar uma entrada de texto no formulário. |
| Botão | Clique, Comando | É usado para criar um botão. |
| LinkButton | Clique, Comando | É usado para criar um botão semelhante ao hiperlink. |
| Botão de imagem | Clique | É usado para criar um imagesButton. Aqui, uma imagem funciona como um botão. |
| Hiperlink | Nenhum | É usado para criar um controle de hiperlink que responde a um evento de clique. |
| Lista suspensa | SelecionadoIndexChanged | É usado para criar um controle de lista suspensa. |
| Caixa de listagem | SelectedIndexCnhaged | É usado para criar um controle ListBox como o controle HTML. |
| Grade de dados | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, PageIndexChanged, SortCommand, UpdateCommand, ItemCreated, ItemDataBound | É usado para criar um frid que é usado para mostrar dados. Também podemos realizar paginação, classificação e formatação com muita facilidade com este controle. |
| Lista de dados | CancelCommand, EditCommand, DeleteCommand, ItemCommand, SelectedIndexChanged, UpdateCommand, ItemCreated, ItemDataBound | É usado para criar uma lista de dados não tabular e usada para mostrar dados. |
| Repetidor | ItemCommand, ItemCreated, ItemDataBound | Ele nos permite criar um tipo de formato não tabular para dados. Você pode vincular os dados a itens de modelo, que são como pedaços de HTML reunidos em um formato específico de repetição. |
| Caixa de seleção | Verificação alterada | É usado para criar uma caixa de seleção. |
| Lista de caixas de seleção | SelecionadoIndexChanged | É usado para criar um grupo de caixas de seleção que funcionam juntas. |
| Botao de radio | Verificação alterada | É usado para criar um botão de opção. |
| Lista de botões de rádio | SelecionadoIndexChanged | Ele é usado para criar um grupo de controles de botão de opção que funcionam juntos. |
| Imagem | Nenhum | É usado para mostrar imagens dentro da página. |
| Painel | Nenhum | É usado para criar um painel que funciona como container. |
| Espaço reservado | Nenhum | É usado para definir o espaço reservado para o controle. |
| Calendário | SelectionChanged, VisibleMonthChanged, DayRender | É usado para criar um calendário. Podemos definir a data padrão, avançar e retroceder, etc. |
| AdRotador | Anúncio criado | Ele nos permite especificar uma lista de anúncios a serem exibidos. Cada vez que o usuário exibe novamente a página. |
| Mesa | Nenhum | É usado para criar tabela. |
| XML | Nenhum | É usado para exibir documentos XML dentro do HTML. |
| Literal | Nenhum | É como um rótulo, pois exibe um literal, mas nos permite criar novos literais em tempo de execução e colocá-los nesse controle. |
Controles HTML
Esses controles são renderizados pelo navegador. Também podemos fazer controles HTML como controle de servidor. discutiremos sobre isso mais adiante em nosso tutorial.
| Nome dos controles | Descrição |
|---|---|
| Botão | É usado para criar um botão HTML. |
| Botão de reset | Redefine todos os outros elementos de formulário HTML em um formulário para um valor padrão |
| Botão de envio | POST automaticamente os dados do formulário na página especificada listada no atributo Action na tag FORM |
| Campo de texto | Fornece ao usuário uma área de entrada em um formulário HTML |
| Área de texto | Usado para entrada multilinha em um formulário HTML |
| Campo de arquivo | Coloca um campo de texto e um botão Procurar em um formulário e permite que o usuário selecione um nome de arquivo de sua máquina local quando o botão Procurar é clicado |
| Campo de senha | Uma área de entrada em um formulário HTML, embora quaisquer caracteres digitados neste campo sejam exibidos como asteriscos |
| Caixa de seleção | Fornece ao usuário uma caixa de seleção que ele pode marcar ou desmarcar |
| Botao de radio | Usado dois ou mais em um formulário e permite ao usuário escolher um dos controles |
| Mesa | Permite apresentar informações em formato tabular |
| Imagem | Exibe uma imagem em um formulário HTML |
| Caixa de listagem | Exibe uma lista de itens para o usuário. Você pode definir o tamanho de dois ou mais para especificar quantos itens deseja mostrar. Se houver mais itens do que cabem nesse limite, uma barra de rolagem será adicionada automaticamente a esse controle. |
| Suspenso | Exibe uma lista de itens para o usuário, mas apenas um item por vez aparecerá. O usuário pode clicar em uma seta para baixo na lateral deste controle e uma lista de itens será exibida. |
| Regra Horizontal | Exibe uma linha horizontal na página HTML |