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>
<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 コントロールに 1 行のテキストを書き込みます。
例
<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>
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 コントロールに 1 行のテキストを書き込みます。
例
<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>
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>
デモを見る »
その他の拡張