Web 表單文字方塊
TextBox 控制項用於建立使用者可輸入文字的文字方塊。
TextBox 控制項
TextBox 控制項用於建立使用者可輸入文字的文字方塊。
TextBox 控制項的特性和屬性列在我們的 WebForms 控制項參考手冊頁面。
下面的實例示範了您可能會用到的TextBox 控制項的一些屬性：
#實例
<!DOCTYPE html> <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="tb3" Text="Hello World!" runat="server" /> <br><br> A multiline TextBox: <asp:TextBox id="tb4" TextMode="multiline" runat="server" /> <br><br> A TextBox with height: <asp:TextBox id="tb5" rows="5" TextMode="multiline" runat="server" /> <br><br> A TextBox with width: <asp:TextBox id="tb6" columns="30" runat="server" /> </form> </body> </html>
運行實例»
點擊"運行實例" 按鈕查看線上實例
新增腳本
當表單提交時，TextBox 控制項的內容和設定可能會被伺服器腳本修改。表單可透過點擊一個按鈕或當使用者修改 TextBox 控制項的值的時候進行提交。
在下面的實例中，我們在 .aspx 檔案中宣告了一個 TextBox 控制項、一個 Button 控制項和一個 Label 控制項。當提交按鈕被觸發時，submit 子程式將被執行。 submit 子程式將寫入一行文字到Label 控制項：
實例
#
<script runat="server"> Sub submit(sender As Object, e As EventArgs) lbl1.Text="Your name is " & txt1.Text End Sub </script> <!DOCTYPE html> <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 外部點擊（或按了 Tab 鍵）時，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>
<!DOCTYPE html>
<html>
<body>
<form runat="server">
Change text
<asp:TextBox id="txt1" runat="server"
text="Hello World!" ontextchanged="change" autopostback="true"/>
<p><asp:Label id="lbl1" runat="server" /></p>
</form>
</body>
</html>
執行實例»##點擊"運行實例" 按鈕查看線上實例
