ASP.NET - Κουμπί TextBox

Το κουμπί TextBox χρησιμοποιείται για τη δημιουργία κουτιών κειμένου όπου ο χρήστης μπορεί να εισάγει κείμενο.

Κουμπί TextBox

Το κουμπί TextBox χρησιμοποιείται για τη δημιουργία κουτιών κειμένου όπου ο χρήστης μπορεί να εισάγει κείμενο.

Οι ιδιότητες του κουμπιού TextBox είναι αναγραφείσες στο Εγχειρίδιο του TextBox.

Σε παρακάτω παράδειγμα παρουσιάζονται μερικές από τις ιδιότητες που μπορείτε να χρησιμοποιήσετε στο κουμπί TextBox:

<html>
<body>
<form runat="server">
Ένα βασικό TextBox:
<asp:TextBox id="tb1" runat="server" />
<br /><br />
Ένα κουμπί κωδικού πρόσβασης:
<asp:TextBox id="tb2" TextMode="password" runat="server" />
<br /><br />
Ένα TextBox με κείμενο:
<asp:TextBox id="tb4" Text="Hello World!" runat="server" />
<br /><br />
Ένα multiline TextBox:
<asp:TextBox id="tb3" TextMode="multiline" runat="server" />
<br /><br />
Ένα TextBox με ύψος:
<asp:TextBox id="tb6" rows="5" TextMode="multiline"
runat="server" />
<br /><br />
Ένα TextBox με πλάτος:
<asp:TextBox id="tb5" columns="30" runat="server" />
</form>
</body>
</html>

Εμφάνιση Αυτού του Παραδείγματος

Προσθήκη κώδικα

Όταν ο φόρμας υποβληθεί, το περιεχόμενο και οι ρυθμίσεις του κουμπιού TextBox μπορούν να τροποποιηθούν μέσω του κώδικα του διακομιστή. Η υποβολή του φόρματος μπορεί να γίνει με κλικ σε ένα κουμπί ή όταν ο χρήστης αλλάξει την τιμή του κουμπιού TextBox:

Σε παρακάτω παράδειγμα, σε ένα αρχείο .aspx, αναφέρουμε ένα κουμπί TextBox, ένα κουμπί Button και ένα κουμπί Label. Όταν το κουμπί υποβολής ενεργοποιηθεί, η διαδικασία submit θα εκτελεστεί. Η διαδικασία submit θα γράψει ένα κείμενο στο κουμπί Label:

<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">
Εισάγετε το όνομά σας:
<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>

Εμφάνιση Αυτού του Παραδείγματος

Στο παρακάτω παράδειγμα, δηλώνουμε έναν έλεγχο TextBox και έναν έλεγχο Label σε ένα αρχείο .aspx. Όταν αλλάζετε τη τιμή του TextBox και κάνετε κλικ έξω από το TextBox, η διαδικασία change θα εκτελεστεί. Η διαδικασία change θα γράψει ένα κείμενο στον έλεγχο Label:

<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">
Εισάγετε το όνομά σας:
<asp:TextBox id="txt1" runat="server"
text="Hello World!"
ontextchanged="change" autopostback="true"/>
<p><asp:Label id="lbl1" runat="server" /></p>
</form>
</body>
</html>

Εμφάνιση Αυτού του Παραδείγματος