ASP.NET - Kontrol TextBox

Kontrol TextBox digunakan untuk membuat kotak teks dimana pengguna dapat memasukkan teks.

Kontrol TextBox

Kontrol TextBox digunakan untuk membuat kotak teks dimana pengguna dapat memasukkan teks.

Properti kontrol TextBox di dalam Panduan referensi TextBoxdi dalam.

Dalam contoh di bawah ini, kami menunjukkan beberapa properti yang mungkin Anda gunakan 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 berantai:
<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>

显示这个例子

Tambahkan skrip

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

Dalam contoh di bawah, kami menyatakan sebuah kontrol TextBox, sebuah kontrol Button dan sebuah kontrol Label dalam berkas .aspx. Saat tombol submit diaktifkan, sub-routine submit akan dijalankan. Sub-routine submit akan menulis teks kepada kontrol 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">
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>

显示这个例子

在下面的例子中，我们在一个 .aspx 文件中声明了一个 TextBox 控件和一个 Label 控件。当您更改了 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">
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>

显示这个例子