ASP.NET Web Forms - TextBox 控制項
本節為你介紹ASP.NETTextBox控制項的使用。
TextBox 控制項用於建立使用者可輸入文字的文字方塊。
TextBox 控制項用於建立使用者可輸入文字的文字方塊。
TextBox 控制項的特性和屬性列在我們的WebForms 控制項參考手冊頁面。
下面的實例示範了您可能會用到的TextBox 控制項的一些屬性:
<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>
當表單被提交時,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.TextEnd 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 外部點擊(或按了Tab 鍵)時,change 子程式將會執行。 change 子程式將寫入一行文字到Label 控制項:
<script runat="server">Sub change(sender As Object, e As EventArgs)lbl1.Text="You changed text to " & txt1.TextEnd 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>