Il controllo TextBox

TextBox

Il controllo TextBox è usato per creare una text box in cui l’utente può inserire del testo.

L’esempio in basso mosra come utilizzare alcuni degli attributi del controllo TextBox

<html>
<body>
<form runat="server">
TextBox base:
<asp:TextBox id="tb1" runat="server" />
<br /><br />
TextBox password:
<asp:TextBox id="tb2" TextMode="password" runat="server" />
<br /><br />
TextBox con testo:
<asp:TextBox id="tb4" Text="Hello World!" runat="server" />
<br /><br />
TextBox multilinea:
<asp:TextBox id="tb3" TextMode="multiline" runat="server" />
<br /><br />
TextBox con un’altezza predefinita:
<asp:TextBox id="tb6" rows="5" TextMode="multiline"
runat="server" />
<br /><br />
TextBox con una larghezza predefinita:
<asp:TextBox id="tb5" columns="30" runat="server" />
</form>
</body>
</html>

Aggiungere il codice

Il contenuto e le impostazioni di una TextBox possono essere cambiati tramite degli script lato server quando la form viene inviata. na form può anche essere inviata cliccando su un bottone, oppure anche quando cambiamo il contenuto del controllo textbox .
Nell’esempio in basso abbiamo tre controlli: una TextBox, una Label ed un Button. quando si clicca sul bottone, viene eseguito il codice associato alla subroutine submit, che scrive nella Label del testo che include il contenuto della TextBox.

<script runat="server">
Sub submit(object sender, EventArgs e)
  lbl1.Text="Hai scritto: " & txt1.Text
End Sub
</script>
<html>
<body>
<form runat="server">
  Scrivi il tuo nome:
  <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>

In quest’altro esempio il codice viene eseguito quando spostiamo il focus dal controllo TextBox (tipicamente premendo il tasto Tab)

<script runat="server">
Sub change(object sender, EventArgs e)
  lbl1.Text="Hai cambiato il testo in: " & txt1.Text
End Sub
</script>
<html>
<body>
<form runat="server">
  Inserisci il tuo nome:
  <asp:TextBox id="txt1" runat="server"
text="Morphesweb"
ontextchanged="change" autopostback="true"/>
  <p><asp:Label id="lbl1" runat="server" /></p>
</form>
</body>
</html>

Capitolo precedente Capitolo successivo