Download - 3. crear formularios web forms
![Page 1: 3. crear formularios web forms](https://reader037.vdocuments.co/reader037/viewer/2022102516/558a38c0d8b42ab31d8b462d/html5/thumbnails/1.jpg)
Crear un formulario Web Form con Microsoft
ASP.NET
![Page 2: 3. crear formularios web forms](https://reader037.vdocuments.co/reader037/viewer/2022102516/558a38c0d8b42ab31d8b462d/html5/thumbnails/2.jpg)
Descripción
Crear formularios Web Forms
Uso de controles de servidor
![Page 3: 3. crear formularios web forms](https://reader037.vdocuments.co/reader037/viewer/2022102516/558a38c0d8b42ab31d8b462d/html5/thumbnails/3.jpg)
Lección: Crear formularios Web Forms
¿Qué es un formulario Web Form?
Crear un formulario Web Form con Visual Studio .NET
Demostración: convertir una página HTML en un formulario Web Form
![Page 4: 3. crear formularios web forms](https://reader037.vdocuments.co/reader037/viewer/2022102516/558a38c0d8b42ab31d8b462d/html5/thumbnails/4.jpg)
¿Qué es un formulario Web?
<%@ Page Language="vb" Codebehind="WebForm1.aspx.vb" SmartNavigation="true"%>
<html><body ms_positioning="GridLayout"> <form id="Form1" method="post" runat="server"> </form></body>
</html>
<%@ Page Language="vb" Codebehind="WebForm1.aspx.vb" SmartNavigation="true"%>
<html><body ms_positioning="GridLayout"> <form id="Form1" method="post" runat="server"> </form></body>
</html>
Extensión .aspx Atributos de página
Directiva @ Page Atributos de cuerpo Atributos de formulario
![Page 5: 3. crear formularios web forms](https://reader037.vdocuments.co/reader037/viewer/2022102516/558a38c0d8b42ab31d8b462d/html5/thumbnails/5.jpg)
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 páginas HTML existentes en formularios Web Forms
![Page 6: 3. crear formularios web forms](https://reader037.vdocuments.co/reader037/viewer/2022102516/558a38c0d8b42ab31d8b462d/html5/thumbnails/6.jpg)
Demostración: convertir una página HTML en un formulario Web
Cambiar la extensión .htm por la extensión .aspx
![Page 7: 3. crear formularios web forms](https://reader037.vdocuments.co/reader037/viewer/2022102516/558a38c0d8b42ab31d8b462d/html5/thumbnails/7.jpg)
Lección: uso de los controles de servidor
¿Qué es un control de servidor? Tipos de controles de servidor Guardar View State Demostración: convertir controles HTML en controles de
servidor Controles de servidor HTML Controles de servidor Web Práctica: identificar el código HTML generado por los
controles de servidor Web Seleccionar el control adecuado Demostración: agregar controles de servidor a un
formulario Web
![Page 8: 3. crear formularios web forms](https://reader037.vdocuments.co/reader037/viewer/2022102516/558a38c0d8b42ab31d8b462d/html5/thumbnails/8.jpg)
¿Qué es un control de servidor?
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
<asp:Button id="Button1" runat="server" Text="Submit"/><asp:Button id="Button1" runat="server" Text="Submit"/>
![Page 9: 3. crear formularios web forms](https://reader037.vdocuments.co/reader037/viewer/2022102516/558a38c0d8b42ab31d8b462d/html5/thumbnails/9.jpg)
Tipos de controles de servidor
Controles de servidor HTML
Controles de servidor Web
Controles intrínsecos
Controles de validación
Controles ricos
Controles List-bound
Controles Web de Internet Explorer
![Page 10: 3. crear formularios web forms](https://reader037.vdocuments.co/reader037/viewer/2022102516/558a38c0d8b42ab31d8b462d/html5/thumbnails/10.jpg)
Guardar el estado de vista
Control oculto ViewState de pares de nombre y valor almacenados en el formulario Web Form
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>
<%@ Page EnableViewState="False" %>
<asp:ListBox id="ListName" EnableViewState="true" runat="server">
</asp:ListBox>
<input type="hidden" name="__VIEWSTATE" value="dDwtMTA4MzE0MjEwNTs7Pg==" />
<input type="hidden" name="__VIEWSTATE" value="dDwtMTA4MzE0MjEwNTs7Pg==" />
![Page 11: 3. crear formularios web forms](https://reader037.vdocuments.co/reader037/viewer/2022102516/558a38c0d8b42ab31d8b462d/html5/thumbnails/11.jpg)
Demostración: Convertir controles HTML en controles de servidor
Actualizar controles HTML a controles de servidor HTML
Agregar un control de servidor Web
Utilizar SmartNavigation
![Page 12: 3. crear formularios web forms](https://reader037.vdocuments.co/reader037/viewer/2022102516/558a38c0d8b42ab31d8b462d/html5/thumbnails/12.jpg)
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" />
<input type="text" id="txtName" runat="server" />
![Page 13: 3. crear formularios web forms](https://reader037.vdocuments.co/reader037/viewer/2022102516/558a38c0d8b42ab31d8b462d/html5/thumbnails/13.jpg)
Controles de servidor Web
Existen en el espacio de nombres System.Web.UI.WebControls
Sintaxis del control
HTML generado por el control
<asp:TextBox id="TextBox1"runat="server">Text_to_Display</asp:TextBox>
<asp:TextBox id="TextBox1"runat="server">Text_to_Display</asp:TextBox>
<input name="TextBox1" type="text" value="Text_to_Display"Id="TextBox1"/>
<input name="TextBox1" type="text" value="Text_to_Display"Id="TextBox1"/>
![Page 14: 3. crear formularios web forms](https://reader037.vdocuments.co/reader037/viewer/2022102516/558a38c0d8b42ab31d8b462d/html5/thumbnails/14.jpg)
Práctica: Identificar el código HTML generado por los controles de servidor Web
Los estudiantes:
Agregarán controles de servidor Web a un formulario Web e identificarán el código HTML que se envía al cliente
Tiempo: 5 minutos
![Page 15: 3. crear formularios web forms](https://reader037.vdocuments.co/reader037/viewer/2022102516/558a38c0d8b42ab31d8b462d/html5/thumbnails/15.jpg)
Se necesitan funcionalidades específicas como un calendario o rotación de publicidad
El control interactuará con scripts cliente y servidor
Se está escribiendo una página que puede ser utilizada por varios navegadores
Se está trabajando con páginas HTML existentes y se desea agregar funcionalidades de página ASP.NET Web
Se prefiere un modelo de programación Visual Basic
Se prefiere un modelo de objetos como HTML
Utilizar controles de Utilizar controles de servidor Web si:servidor Web si:
Utilizar controles de servidor Utilizar controles de servidor HTML si:HTML si:
El ancho de banda no es un problemaEl ancho de banda es limitado
Seleccionar el control adecuado
![Page 16: 3. crear formularios web forms](https://reader037.vdocuments.co/reader037/viewer/2022102516/558a38c0d8b42ab31d8b462d/html5/thumbnails/16.jpg)
Demostración: Agregar controles de servidor a un formulario Web
Crear un formulario Web
Agregar controles TextBox, Button y Label
Agregar un control Calendar