Latest web development tutorials

kontrol TextBox ASP.NET

kontrol TextBox digunakan untuk membuat user dapat memasukkan teks dalam kotak teks.


TextBox kontrol

kontrol TextBox digunakan untuk membuat user dapat memasukkan teks dalam kotak teks.

Karakteristik dan atribut kolom di TextBox kontrol kami WebForms Kontrol referensi halaman .

Contoh berikut menunjukkan bahwa Anda dapat menggunakan beberapa atribut dari kontrol TextBox:

contoh

<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>

Demonstrasi >>

Menambahkan script

Ketika formulir dikirimkan, TextBox konten kontrol dan pengaturan dapat dimodifikasi script Server. Form dengan mengklik tombol atau ketika pengguna memodifikasi nilai dari kontrol TextBox saat melakukan.

Pada contoh berikut, kita mendeklarasikan kontrol TextBox di file .aspx, Tombol kontrol dan kontrol Label. Ketika tombol submit dipicu, mengirimkan subroutine akan dieksekusi. mengirimkan subroutine menulis baris teks ke kontrol Label:

contoh

<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>

Demonstrasi >>

Pada contoh berikut, kita mendeklarasikan kontrol TextBox dan kontrol Label di file .aspx. Ketika Anda mengubah nilai-nilai dalam TextBox dan klik luar TextBox (atau tekan tombol Tab), mengubah subroutine akan dieksekusi. Perubahan subroutine akan menulis baris teks ke kontrol Label:

contoh

<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>

Demonstrasi >>