Zone de texte des formulaires Web
Le contrôle TextBox est utilisé pour créer une zone de texte dans laquelle l'utilisateur peut saisir du texte.
Contrôle TextBox
Le contrôle TextBox est utilisé pour créer une zone de texte dans laquelle l'utilisateur peut saisir du texte.
Les fonctionnalités et propriétés du contrôle TextBox sont répertoriées sur notre page Manuel de référence des contrôles WebForms.
L'exemple suivant montre certaines propriétés du contrôle TextBox que vous pouvez utiliser :
Exemple
<!DOCTYPE html> <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="tb3" Text="Hello World!" runat="server" /> <br><br> A multiline TextBox: <asp:TextBox id="tb4" TextMode="multiline" runat="server" /> <br><br> A TextBox with height: <asp:TextBox id="tb5" rows="5" TextMode="multiline" runat="server" /> <br><br> A TextBox with width: <asp:TextBox id="tb6" columns="30" runat="server" /> </form> </body> </html>
Exécuter l'exemple»
Cliquez sur le bouton « Exécuter l'exemple » pour afficher l'exemple en ligne
Ajouter un script
Lorsque le formulaire est soumis, le contenu et les paramètres du Le contrôle TextBox peut être modifié par le script du serveur. Un formulaire peut être soumis en cliquant sur un bouton ou lorsque l'utilisateur modifie la valeur d'un contrôle TextBox.
Dans l'exemple suivant, nous déclarons un contrôle TextBox, un contrôle Button et un contrôle Label dans le fichier .aspx. Lorsque le bouton de soumission est déclenché, le sous-programme de soumission sera exécuté. Le sous-programme de soumission écrira une ligne de texte dans le contrôle Label :
Instance
<script runat="server"> Sub submit(sender As Object, e As EventArgs) lbl1.Text="Your name is " & txt1.Text End Sub </script> <!DOCTYPE html> <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>
Exécuter l'instance»
Cliquez Bouton "Exécuter l'exemple" pour visualiser l'exemple en ligne
Dans l'exemple suivant, nous déclarons un contrôle TextBox et un contrôle Label dans le fichier .aspx. Lorsque vous modifiez la valeur dans TextBox et cliquez en dehors de TextBox (ou appuyez sur la touche Tab), le sous-programme de modification est exécuté. Le sous-programme de changement écrira une ligne de texte dans le contrôle Label :
Instance
<script runat="server"> Sub change(sender As Object, e As EventArgs) lbl1.Text="You changed text to " & txt1.Text End Sub </script> <!DOCTYPE html> <html> <body> <form runat="server"> Change text <asp:TextBox id="txt1" runat="server" text="Hello World!" ontextchanged="change" autopostback="true"/> <p><asp:Label id="lbl1" runat="server" /></p> </form> </body> </html>
Exécuter l'instance»
Cliquez Bouton "Exécuter l'instance" pour afficher les instances en ligne