กล่องข้อความตัวควบคุมถูกใช้เพื่อสร้างกล่องข้อความที่ผู้ใช้สามารถป้อนข้อความ
ควบคุมกล่องข้อความ
กล่องข้อความตัวควบคุมถูกใช้เพื่อสร้างกล่องข้อความที่ผู้ใช้สามารถป้อนข้อความ
ตัวอย่างด้านล่างนี้แสดงให้เห็นถึงบางส่วนของแอตทริบิวต์ที่คุณอาจจะใช้กับการควบคุมกล่องข้อความ:
ตัวอย่าง
<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>
แสดงตัวอย่าง» เพิ่มในสคริปต์
เนื้อหาและการตั้งค่าของตัวควบคุมกล่องข้อความอาจมีการเปลี่ยนแปลงโดยสคริปต์เซิร์ฟเวอร์เมื่อส่งแบบฟอร์ม รูปแบบที่สามารถส่งได้โดยคลิกที่ปุ่มหรือเมื่อผู้ใช้มีการเปลี่ยนแปลงค่าในกล่องข้อความควบคุม
ในตัวอย่างต่อไปเราประกาศควบคุมกล่องข้อความหนึ่งปุ่มควบคุมและการควบคุมฉลากหนึ่งในแฟ้มขอบ เมื่อกดปุ่มส่งจะถูกเรียกที่ย่อยส่งจะถูกดำเนินการ ส่ง subroutine เขียนข้อความการควบคุมฉลาก:
ตัวอย่าง
<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>
แสดงตัวอย่าง» ในตัวอย่างต่อไปเราประกาศควบคุมกล่องข้อความหนึ่งและการควบคุมฉลากหนึ่งในแฟ้มขอบ เมื่อคุณเปลี่ยนค่าในกล่องข้อความและคลิกที่นอกกล่องข้อความหรือกดปุ่มแท็บย่อยการเปลี่ยนแปลงที่จะดำเนินการ ส่ง subroutine เขียนข้อความการควบคุมฉลาก:
ตัวอย่าง
<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>
แสดงตัวอย่าง»