Sei sulla pagina 1di 7

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.

dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> .etc {position:absolute; color:Blue; width:150px; left:10px; } .txt { position:absolute; color:Green; width:200px; left:170px; background-color:Gray; } .msj1 { position:absolute; color:Red; width:200px; left:380px; }

</style> </head> <body> <form id="form1" runat="server"> <div> <asp:Label ID="Label1" runat="server" Text="Apellido Paterno" CssClass="etc"></asp:Label> <asp:TextBox ID="txt_paterno" runat="server" CssClass="txt"></asp:TextBox> <asp:RequiredFieldValidator ID="RequieredFieldValidator1" ErrorMessage="RequieredFieldValidator" runat="server" CssClass="msj1"></asp:RequiredFieldValidator> <br /> <br /> <asp:Label ID="Label2" runat="server" Text="Apellido Materno" CssClass="etc"></asp:Label> <asp:TextBox ID="txt_materno" runat="server" CssClass=txt></asp:TextBox> <asp:RequiredFieldValidator ID="RequieredFieldValidator2" ErrorMessage="RequieredFieldValidator" runat="server" CssClass="msj1" ></asp:RequiredFieldValidator> <br /> <br /> <asp:Label ID="Label4" runat="server" Text="Nombre :" CssClass="etc"></asp:Label> <asp:TextBox ID="txt_nombre" runat="server" CssClass="txt"></asp:TextBox> <br /> <br /> <asp:Label ID="Label3" runat="server" Text="Contrasea" CssClass="etc"></asp:Label> <asp:TextBox ID="txt_pass" runat="server" TextMode="Password"></asp:TextBox> <br /> <br /> <asp:Label ID="Label5" runat="server" Text="Repita Contrasea :" CssClass="etc"></asp:Label> <asp:TextBox ID="txt_repita" runat="server" TextMode="Password"></asp:TextBox> <br />

<br /> <asp:Button ID="btnenviar" runat="server" Text="Enviar" /> <br /> </div> </form> </body> </html>

Radio Button

Doble clic en los radio Button

Para que se ejecute


Colocamos en los radio button autopostback=true

Aplicacin con radio ButonList

Crear listas ordenadas


Listas ordenadas con Bullet List

Ponerle color y hacerla una lista de link

Agregar el la pagina a donde se va a direccionar el lig de la lista

Creamos la funcin de seleccionar lista

Poner en el bullet list se llama a la funcin que se cre arriba en el head para

Tarea hacer la aplicacin con un if y con for

Cdigo de la aplicacin
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="WebApplication1.WebForm2" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <script runat="server"> void seleccionarlista(object sender, System.Web.UI.WebControls.BulletedListEventArgs e) { switch (e.Index) { case 0: mensaje.Text = "Tu has escogido la pagina Google" + lista_ordenada.Items[0].Value; break; case 1: mensaje.Text = "Tu has escogido la pagina "; break; case 2: mensaje.Text = "Tu has escogido la pagina 3"; break; case 3: mensaje.Text = "Tu has seleccionado la pagina 4"; break; case 4: mensaje.Text = "Tu has escogido la pagina 5"; break; default: break; } }

</script> </head> <body> <form id="form1" runat="server"> <div> <h3>Mi Primera Lista Ordenada en ASP</h3> <asp:BulletedList ID="lista_ordenada" runat="server" BulletStyle="Disc" BackColor="Azure" DisplayMode="LinkButton" OnClick="seleccionarlista"> <asp:ListItem Value="http://www.google.com">Lista 1 valor 1</asp:ListItem> <asp:ListItem Value="http://www.peru.gob.pe">Lista 1 valor 1</asp:ListItem> <asp:ListItem Value="http://www.peru21.pe">Lista 1 valor 1</asp:ListItem> <asp:ListItem Value="http://www.diario16.com">Lista 1 valor 1</asp:ListItem> <asp:ListItem Value="http://www.larepublica.com">Lista 1 valor 1</asp:ListItem> </asp:BulletedList>

<h4><asp:Label ID="mensaje" runat="server" Text="Label"></asp:Label></h4> </div> </form> </body> </html>

Potrebbero piacerti anche