tutoriais mais recente desenvolvimento web
 

ASP.NET Web Forms - O controle TextBox


O controle TextBox é usado para criar uma caixa de texto onde o texto do usuário entrada pode.


O controle de caixa de texto

O controle TextBox é usado para criar uma caixa de texto onde o texto do usuário entrada pode.

O exemplo abaixo demonstra alguns dos atributos que você pode usar com o controle de caixa de texto:

Exemplo

<html>
<body>

<form runat="server">

A basic TextBox:
<asp:TextBox id="tb1" runat="server" />
<br /><br />

A password TextBox:
<asp:TextBox id="tb2" TextMode="password" runat="server" />
<br /><br />

A TextBox with text:
<asp:TextBox id="tb4" Text="Hello World!" runat="server" />
<br /><br />

A multiline TextBox:
<asp:TextBox id="tb3" TextMode="multiline" runat="server" />
<br /><br />

A TextBox with height:
<asp:TextBox id="tb6" rows="5" TextMode="multiline"
runat="server" />
<br /><br />

A TextBox with width:
<asp:TextBox id="tb5" columns="30" runat="server" />

</form>

</body>
</html>
Mostrar exemplo »

Adicionar um script

O conteúdo e as configurações de um controle de caixa de texto pode ser alterado pelos scripts no servidor quando um formulário é submetido. Um formulário pode ser enviado ao clicar em um botão ou quando um usuário altera o valor no controle TextBox.

No exemplo a seguir declaramos um controle TextBox, um controle Button e um controle Label em um arquivo .aspx. Quando o botão enviar é acionado, a sub-rotina submeter é executado. A sub-rotina submeter escreve um texto para o controle Label:

Exemplo

<script runat="server">
Sub submit(sender As Object, e As EventArgs)
lbl1.Text="Your name is " & txt1.Text
End Sub
</script>

<html>
<body>

<form runat="server">
Enter your name:
<asp:TextBox id="txt1" runat="server" />
<asp:Button OnClick="submit" Text="Submit" runat="server" />
<p><asp:Label id="lbl1" runat="server" /></p>
</form>

</body>
</html>
Mostrar exemplo »

No exemplo a seguir declaramos um controle TextBox e um controle Label em um arquivo .aspx. Quando você alterar o valor na caixa de texto e clicar fora da caixa de texto ou pressione a tecla Tab, a sub-rotina mudança é executado. A sub-rotina submeter escreve um texto para o controle Label:

Exemplo

<script runat="server">
Sub change(sender As Object, e As EventArgs)
lbl1.Text="You changed text to " & txt1.Text
End Sub
</script>

<html>
<body>

<form runat="server">
Enter your name:
<asp:TextBox id="txt1" runat="server"
text="Hello World!"
ontextchanged="change" autopostback="true"/>
<p><asp:Label id="lbl1" runat="server" /></p>
</form>

</body>
</html>
Mostrar exemplo »