tutorial pengembangan web terbaru
 

ASP.NET Formulir Web - The TextBox kontrol


Kontrol TextBox digunakan untuk membuat kotak teks di mana pengguna dapat input teks.


The TextBox kontrol

Kontrol TextBox digunakan untuk membuat kotak teks di mana pengguna dapat input teks.

Contoh di bawah ini menunjukkan beberapa atribut Anda dapat menggunakan dengan 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>
Tampilkan contoh »

Tambahkan Script

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

Pada contoh berikut ini kami menyatakan satu kontrol TextBox, satu kontrol Button, dan satu kontrol Label dalam file .aspx. Ketika tombol submit dipicu, mengirimkan subroutine dijalankan. Submit subrutin menulis teks untuk 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>
Tampilkan contoh »

Pada contoh berikut ini kami menyatakan satu kontrol TextBox dan satu kontrol Label dalam file .aspx. Ketika Anda mengubah nilai dalam TextBox dan baik klik di luar TextBox atau tekan tombol Tab, subroutine perubahan dijalankan. Submit subrutin menulis teks untuk 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>
Tampilkan contoh »