ASP.NET - Control TextBox

El control TextBox se utiliza para crear cuadros de texto donde los usuarios pueden ingresar texto.

Control TextBox

El control TextBox se utiliza para crear cuadros de texto donde los usuarios pueden ingresar texto.

Las propiedades del control TextBox se enumeran en nuestro Manual de control TextBox。

El siguiente ejemplo muestra algunas propiedades que puede utilizar en el control TextBox:

<html>
<body>
<form runat="server">
Un TextBox básico:
<asp:TextBox id="tb1" runat="server" />
<br /><br />
Un TextBox de contraseña:
<asp:TextBox id="tb2" TextMode="password" runat="server" />
<br /><br />
Un TextBox con texto:
<asp:TextBox id="tb4" Text="Hello World!" runat="server" />
<br /><br />
Un TextBox de multilinea:
<asp:TextBox id="tb3" TextMode="multiline" runat="server" />
<br /><br />
Un TextBox con altura:
<asp:TextBox id="tb6" rows="5" TextMode="multiline"
runat="server" />
<br /><br />
Un TextBox con ancho:
<asp:TextBox id="tb5" columns="30" runat="server" />
</form>
</body>
</html>

Mostrar este ejemplo

Añadir script

Cuando se envía el formulario, el contenido y la configuración del control TextBox pueden modificarse mediante un script del servidor. El formulario se puede enviar haciendo clic en un botón o cuando el usuario cambia el valor en el control TextBox:

En el siguiente ejemplo, declaramos un control TextBox, un control Button y un control Label en un archivo .aspx. Cuando se activa el botón de submit, se ejecuta el subproceso submit. El subproceso submit escribirá un texto en el control Label:

<script runat="server">
Sub submit(sender As Object, e As EventArgs)
lbl1.Text="Tu nombre es " & txt1.Text
Final de Sub
</script>
<html>
<body>
<form runat="server">
Ingrese su nombre:
<asp:TextBox id="txt1" runat="server" />
<asp:Button OnClick="submit" Text="Enviar" runat="server" />
<p><asp:Label id="lbl1" runat="server" /></p>
</form>
</body>
</html>

Mostrar este ejemplo

En el siguiente ejemplo, declaramos un control TextBox y un control Label en un archivo .aspx. Cuando cambia el valor en el TextBox y hace clic fuera del TextBox, se ejecuta el subproceso change. El subproceso change escribe un texto en el control Label:

<script runat="server">
Sub change(sender As Object, e As EventArgs)
lbl1.Text="Has cambiado el texto a " & txt1.Text
Final de Sub
</script>
<html>
<body>
<form runat="server">
Ingrese su nombre:
<asp:TextBox id="txt1" runat="server"
text="¡Hola Mundo!"
ontextchanged="change" autopostback="true"/>
<p><asp:Label id="lbl1" runat="server" /></p>
</form>
</body>
</html>

Mostrar este ejemplo