程式師世界 >> 編程語言 >> .NET網頁編程 >> 關於.NET >> ASP.NET入門教程:TextBox控件

ASP.NET入門教程:TextBox控件

編輯：關於.NET

控件用於創建用戶可輸入文本的文本框。

TextBox 控件

TextBox 控件用於創建用戶可輸入文本的文本框。

TextBox 控件的屬性列在我們的TextBox 控件參考手冊中。

屬性

屬性描述 .Net AutoCompleteType 規定 TextBox 控件的 AutoComplete 行為。 2.0 AutoPostBack 布爾值，規定當內容改變時，是否回傳到服務器。默認是 false。 1.0 CausesValidation 規定當 Postback 發生時，是否驗證頁面。 2.0 Columns textbox 的寬度。 1.0 MaxLength 在 textbox 中所允許的最大字符數。 1.0 ReadOnly 規定能否改變文本框中的文本。 1.0 Rows textbox 的高度（僅在 TextMode="Multiline" 時使用）。 1.0 runat 規定該控件是否是服務器控件。必須設置為 "server"。 TagKey Text textbox 的內容。 1.0 TextMode 規定 TextBox 的行為模式（單行、多行或密碼）。 1.0 ValidationGroup 當 Postback 發生時，被驗證的控件組。 Wrap 布爾值，指示 textbox 的內容是否換行。 1.0 OnTextChanged 當 textbox 中的文本被更改時，被執行的函數的名稱。

下面的例子演示了您可能在 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 控件中的值對表單進行提交。本文是網頁教學www.webjx.com收集整理或者原創內容，轉載請注明出處！

在下面的例子中，我們在一個 .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>

<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>