Você está na página 1de 16

Crear un formulario

Web Form con Microsoft


ASP.NET
Descripcin

Crear formularios Web Forms


Uso de controles de servidor
Leccin: Crear formularios Web Forms

Qu es un formulario Web Form?


Crear un formulario Web Form con Visual Studio .NET
Demostracin: convertir una pgina HTML en un
formulario Web Form
Qu es un formulario Web?

Extensin .aspx
Atributos de pgina
Directiva @ Page
Atributos de cuerpo
Atributos de formulario
<%@ Page Language="vb" Codebehind="WebForm1.aspx.vb"
SmartNavigation="true"%>
<html>
<body ms_positioning="GridLayout">
<form id="Form1" method="post" runat="server">
</form>
</body>
</html>
Crear un formulario Web con Visual Studio .NET

Las nuevas aplicaciones Web ASP.NET crean un


formulario Web predeterminado: WebForm1.aspx
Crear formularios Web Forms adicionales desde el
Explorador de soluciones
Actualizar pginas HTML existentes en formularios
Web Forms
Demostracin: convertir una pgina HTML en un
formulario Web

Cambiar la extensin .htm por la


extensin .aspx
Leccin: uso de los controles de servidor

Qu es un control de servidor?
Tipos de controles de servidor
Guardar View State
Demostracin: convertir controles HTML en controles de
servidor
Controles de servidor HTML
Controles de servidor Web
Prctica: identificar el cdigo HTML generado por los
controles de servidor Web
Seleccionar el control adecuado
Demostracin: agregar controles de servidor a un
formulario Web
Qu es un control de servidor?

<asp:Button id="Button1" runat="server"


Text="Submit"/>

Runat="server"
Los eventos ocurren en el servidor
View state saved
Have built-in functionality
Common object model
Todos tiene atributos Id y Text
Crear browser-specific HTML
Tipos de controles de servidor

Controles de servidor HTML


Controles de servidor Web
Controles intrnsecos
Controles de validacin
Controles ricos
Controles List-bound
Controles Web de Internet Explorer
Guardar el estado de vista

Control oculto ViewState de pares de nombre y valor


almacenados en el formulario Web Form
<input type="hidden" name="__VIEWSTATE"
value="dDwtMTA4MzE0MjEwNTs7Pg==" />

De forma predeterminada, ajustable a nivel de


formulario Web Form y control
<%@ Page EnableViewState="False" %>

<asp:ListBox id="ListName"
EnableViewState="true" runat="server">

</asp:ListBox>
Demostracin: Convertir controles HTML en
controles de servidor

Actualizar controles HTML a controles de


servidor HTML
Agregar un control de servidor Web
Utilizar SmartNavigation
Controles de servidor HTML

Basados en elementos HTML


Existen en el espacio de nombres
System.Web.UI.HtmlControls

<input type="text" id="txtName"


runat="server" />
Controles de servidor Web

Existen en el espacio de nombres


System.Web.UI.WebControls
Sintaxis del control
<asp:TextBox id="TextBox1"
runat="server">Text_to_Display
</asp:TextBox>

HTML generado por el control

<input name="TextBox1" type="text"


value="Text_to_Display"
Id="TextBox1"/>
Prctica: Identificar el cdigo HTML generado por los
controles de servidor Web

Los estudiantes:
Agregarn controles de servidor Web a un
formulario Web e identificarn el cdigo
HTML que se enva al cliente
Tiempo: 5 minutos
Seleccionar el control adecuado

Utilizar controles de servidor Utilizar controles de


HTML si: servidor Web si:
Se prefiere un modelo de Se prefiere un modelo de
objetos como HTML programacin Visual Basic
Se est trabajando con pginas
Se est escribiendo una pgina
HTML existentes y se desea
que puede ser utilizada por
agregar funcionalidades de
varios navegadores
pgina ASP.NET Web
Se necesitan funcionalidades
El control interactuar con
especficas como un calendario
scripts cliente y servidor
o rotacin de publicidad
El ancho de banda no es un
El ancho de banda es limitado
problema
Demostracin: Agregar controles de servidor a un
formulario Web

Crear un formulario Web


Agregar controles TextBox, Button y
Label
Agregar un control Calendar

Você também pode gostar