最新の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コントロールの値を変更するをクリックして提出することができます。

次の例では、1つのTextBoxコントロール、1つのButtonコントロール、および.aspxのファイル内の1つのLabelコントロールを宣言します。 送信ボタンがトリガされると、提出するサブルーチンが実行されます。 提出サブルーチンは、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>
»例を表示

次の例では、1つのTextBoxコントロールと.aspxのファイル内の1つのLabelコントロールを宣言します。 あなたがテキストボックスに値を変更し、テキストボックスの外側をクリックするか、Tabキーを押すのいずれかの場合には、変更サブルーチンが実行されます。 提出サブルーチンは、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>
»例を表示