ASP.NET - Kontrol TextBox

Kontrol TextBox digunakan untuk membuat kotak teks yang memungkinkan pengguna menginput teks.

Kontrol TextBox

Kontrol TextBox digunakan untuk membuat kotak teks yang memungkinkan pengguna menginput teks.

Properti kontrol TextBox tercantum di Referensi kontrol TextBox。

Contoh di bawah ini menunjukkan beberapa properti yang mungkin Anda gunakan di dalam kontrol TextBox:

<html>
<body>
<form runat="server">
TextBox dasar:
<asp:TextBox id="tb1" runat="server" />
<br /><br />
TextBox sandi:
<asp:TextBox id="tb2" TextMode="password" runat="server" />
<br /><br />
TextBox dengan teks:
<asp:TextBox id="tb4" Text="Hello World!" runat="server" />
<br /><br />
TextBox multiline:
<asp:TextBox id="tb3" TextMode="multiline" runat="server" />
<br /><br />
TextBox dengan tinggi:
<asp:TextBox id="tb6" rows="5" TextMode="multiline"
runat="server" />
<br /><br />
TextBox dengan lebar:
<asp:TextBox id="tb5" columns="30" runat="server" />
</form>
</body>
</html>

Tampilkan Contoh Ini

Tambahkan skrip

Ketika formulir disubmit, konten dan pengaturan kontrol TextBox dapat diubah melalui skrip server. Formulir dapat disubmit dengan mengklik tombol atau saat pengguna mengubah nilai di dalam kontrol TextBox:

Dalam contoh di bawah ini, kami menyatakan sebuah kontrol TextBox, sebuah kontrol Button, dan sebuah kontrol Label di dalam berkas .aspx. Saat tombol submit di trigir, subproses submit akan dijalankan. Subproses submit akan menulis teks ke kontrol Label:

<script runat="server">
Sub submit(sender As Object, e As EventArgs)
lbl1.Text="Nama Anda adalah " & txt1.Text
End Sub
</script>
<html>
<body>
<form runat="server">
Masukkan nama Anda:
<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>

Tampilkan Contoh Ini

Dalam contoh di bawah ini, kami menyatakan kontrol TextBox dan Label dalam berkas .aspx. Saat Anda merubah nilai di TextBox dan klik diluar TextBox, subprosedur change akan dieksekusi. Subprosedur change akan menulis teks ke kontrol Label:

<script runat="server">
Sub change(sender As Object, e As EventArgs)
lbl1.Text="Anda mengubah teks menjadi " & txt1.Text
End Sub
</script>
<html>
<body>
<form runat="server">
Masukkan nama Anda:
<asp:TextBox id="txt1" runat="server"
text="Hello World!"
ontextchanged="change" autopostback="true"/>
<p><asp:Label id="lbl1" runat="server" /></p>
</form>
</body>
</html>

Tampilkan Contoh Ini