最新的Web開發教程
 

ASP.NET Web窗體 - TextBox控件


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


TextBox控件

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控件中的值被提交。

在下面的例子中,我們聲明了一個TextBox控件,一個Button控件,並在.aspx文件中一個Label控件。 當提交按鈕被觸發時,提交的子程序。 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>
顯示範例»

在下面的例子中,我們聲明了一個TextBox控件和在.aspx文件中的一個Label控件。 當您在文本框更改該值,要么在文本框外單擊或按Tab鍵,改變子程序執行。 submit子例程寫入一個文本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>
顯示範例»