Kontrol TextBox ASP. NET – Mengenal ASP.NET Bagian 2.3

January 31st 2010

Apakah anda pernah mendengar Textbox ? Jika anda pernah mempelajari VB.NET, tentu Textbox tidak asing lagi bagi anda! Tapi tenang jika Anda baru pertama kali mendengarnya, karena ini cukup mudah untuk dipelajari.

Di ASP.NET tidak mengenal kontrol “Textfield” tetapi kontrol “Textbox” (Jika di ASP.NET anda menggunakan bahasa VB.NET).Kontrol TextBox digunakan untuk membuat kotak teks di mana pengguna dapat memasukkan teks.

Kontrol Textbox

Pada kontrol TextBox mampunyai sifat-sifat dan properti yang terdaftar mirip VB.NET.

Contoh di bawah ini menunjukkan beberapa atribut 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 />
Sebuah TextBox dengan teks:
<asp: TextBox id = "tb4" Text = "Hello World!" runat = "server" />
<br /> <br />
multiline TextBox:
<asp:TextBox id="tb3" TextMode="multiline" runat="server" />
<br /> <br />
Sebuah TextBox dengan ketinggian:
<asp: TextBox id = "tb6" rows = "5" TextMode = "multiline"
runat = "server" />
<br /> <br />
Sebuah TextBox dengan lebar:
<asp:TextBox id="tb5" columns="30" runat="server" />
</ form>
</ body>
</ html>

Script Tambahan

Isi dan pengaturan dari sebuah kontrol TextBox dapat diubah oleh server script ketika formulir dikirimkan. Suatu bentuk dapat disampaikan dengan mengklik tombol atau bila pengguna perubahan nilai pada kontrol TextBox.

Pada contoh berikut ini menyatakan satu kontrol TextBox, satu kontrol Button, dan satu kontrol Label dalam file .aspx. Ketika tombol submit ditekan, yang menyerahkan eksekusi subroutine. Subroutine yang menyerahkan menulis teks untuk 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>

Pada contoh berikut ini menyatakan satu kontrol TextBox dan satu kontrol Label dalam file .aspx. Bila Anda mengubah nilai pada TextBox dan klik di luar TextBox atau tekan tombol Tab, perubahan subroutine dijalankan. Subroutine yang menyerahkan menulis teks untuk kontrol Label:

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

Contoh running program:

Mudah bukan ? :)