ASP.NET - TextBox控件

TextBox控件 используется для создания текстовых полей, в которых пользователи могут вводить текст.

TextBox控件

TextBox控件 используется для создания текстовых полей, в которых пользователи могут вводить текст.

Свойства TextBox控件 перечислены в нашем Руководство по TextBox控件。

В следующем примере показаны некоторые свойства, которые вы можете использовать в TextBox控件:

<html>
<body>
<form runat="server">
Простой TextBox:
<asp:TextBox id="tb1" runat="server" />
<br /><br />
Парольный TextBox:
<asp:TextBox id="tb2" TextMode="password" runat="server" />
<br /><br />
TextBox с текстом:
<asp:TextBox id="tb4" Text="Hello World!" runat="server" />
<br /><br />
Многострочный TextBox:
<asp:TextBox id="tb3" TextMode="multiline" runat="server" />
<br /><br />
TextBox с высотой:
<asp:TextBox id="tb6" rows="5" TextMode="multiline"
runat="server" />
<br /><br />
TextBox с шириной:
<asp:TextBox id="tb5" columns="30" runat="server" />
</form>
</body>
</html>

Показать этот пример

Добавление скрипта

При отправке формы содержимое и настройки TextBox控件 могут быть изменены серверным скриптом. Форму можно отправить, нажав кнопку или изменив значение в TextBox控件.

В следующем примере мы声明了一个 TextBox控件、Button控件 и Label控件 в файле .aspx. При нажатии на кнопку отправки будет выполнен подпроцесс submit. Подпроцесс submit напишет текст в Label控件:

<script runat="server">
Функция submit(sender As Object, e As EventArgs)
lbl1.Text="Ваше имя " & txt1.Text
Конец функции
</script>
<html>
<body>
<form runat="server">
Введите ваше имя:
<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 и Label в файле .aspx. Когда вы изменяете значение в TextBox и кликаете вне TextBox, выполняется подфункция change. Подфункция change записывает текст в Label:

<script runat="server">
Функция change(sender As Object, e As EventArgs)
lbl1.Text="Вы изменили текст на " & txt1.Text
Конец функции
</script>
<html>
<body>
<form runat="server">
Введите ваше имя:
<asp:TextBox id="txt1" runat="server"
text="Hello World!"
ontextchanged="change" autopostback="true"/>
<p><asp:Label id="lbl1" runat="server" /></p>
</form>
</body>
</html>

Показать этот пример