quinta-feira, fevereiro 23, 2012

Designe Formulário em Asp, Html


   Olá amigos este código é para um formulário em ASP.NET, também usuremos ele depois para armazena informações no banco de dados, bom estou desenvolvendo essa aplicação no Microsoft visual Studio 2010 é um excelente ide para programar, analisem o código é só o designer, mas é bem interiçante para estarmos aprendendo um pouco sobre web e ligação com banco de dados. Vou posta um Print Screen para vermos como ficara a aplicação, abraços e até a próxima.


<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="Site_01.WebForm1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .style1
        {
            width: 142px;
        }
        .style2
        {
            width: 10px;
        }
        .style3
        {
            width: 142px;
            height: 51px;
        }
        .style4
        {
            width: 10px;
            height: 51px;
        }
        .style5
        {
            height: 51px;
        }
    </style>
</head>
<body style="height: 332px">
    <form id="form1" runat="server">
    <div>
 
    </div>
    <table style="width: 49%; height: 297px;">
        <tr>
            <td class="style1">
                Id</td>
            <td>
                <asp:TextBox ID="TextBox7" runat="server" Width="140px" Height="24px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="style1">
                Nome</td>
            <td>
                <asp:TextBox ID="TextBox2" runat="server" Width="346px" Height="24px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="style1">
                Endereço</td>
            <td>
                <asp:TextBox ID="TextBox6" runat="server" Width="348px" Height="24px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="style1">
                Cidade</td>
            <td>
                <asp:TextBox ID="TextBox8" runat="server" Width="221px" Height="24px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="style1">
                Estado</td>
            <td>
                <asp:DropDownList ID="DropDownList1" runat="server" AutoPostBack="True"
                    Height="24px"
                    Width="102px">
                    <asp:ListItem Value="GO">Goiás</asp:ListItem>
                    <asp:ListItem Value="PR">Paraná</asp:ListItem>
                    <asp:ListItem Value="SP">São Paulo</asp:ListItem>
                    <asp:ListItem Value="RJ">Rio de Janeiro</asp:ListItem>
                    <asp:ListItem Value="MG">Minas Gerais</asp:ListItem>
                </asp:DropDownList>
            </td>
        </tr>
        <tr>
            <td class="style3">
                Telefone</td>
            <td class="style5">
                <asp:TextBox ID="TextBox9" runat="server" Width="140px" Height="24px"></asp:TextBox>
            </td>
        </tr>
        <tr>
            <td class="style1">
                &nbsp;</td>
            <td>
&nbsp;&nbsp;&nbsp;
                <asp:Button ID="Salvar" runat="server" Height="24px" Text="Salvar"
                    Width="75px" />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                <asp:Button ID="Limpar" runat="server" Height="24px" Text="Limpar"
                    Width="75px" />
            </td>
        </tr>
    </table>
    </form>
</body>
</html>



Print da Aplicação


Nenhum comentário:

Postar um comentário