ASP.NET TextBox 控件

asp.net web forms - textbox 控件

textbox 控件用于创建用户可输入文本的文本框。

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.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 外部点击(或者按下了 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>

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


相关文章