Web フォームのテキストボックス
TextBox コントロールは、ユーザーがテキストを入力できるテキスト ボックスを作成するために使用されます。
TextBox コントロール
TextBox コントロールは、ユーザーがテキストを入力できるテキスト ボックスを作成するために使用されます。
TextBox コントロールの機能とプロパティは、WebForms コントロール リファレンス マニュアル ページにリストされています。
次の例は、使用できる TextBox コントロールのいくつかのプロパティを示しています:
例
<!DOCTYPE html> <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="tb3" Text="Hello World!" runat="server" /> <br><br> A multiline TextBox: <asp:TextBox id="tb4" TextMode="multiline" runat="server" /> <br><br> A TextBox with height: <asp:TextBox id="tb5" rows="5" TextMode="multiline" runat="server" /> <br><br> A TextBox with width: <asp:TextBox id="tb6" columns="30" runat="server" /> </form> </body> </html>
例の実行»
オンラインの例を表示するには、「例の実行」ボタンをクリックしてください
スクリプトを追加
フォームが送信されると、TextBox コントロールのコンテンツと設定がサーバー スクリプトによって変更される場合があります。フォームは、ボタンをクリックするか、ユーザーが TextBox コントロールの値を変更することによって送信できます。
以下の例では、.aspx ファイルで TextBox コントロール、Button コントロール、および Label コントロールを宣言します。送信ボタンがトリガーされると、送信サブルーチンが実行されます。 submit サブルーチンは、Label コントロールにテキスト行を書き込みます:
Instance
<script runat="server"> Sub submit(sender As Object, e As EventArgs) lbl1.Text="Your name is " & txt1.Text End Sub </script> <!DOCTYPE html> <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>
Run Instance»
オンラインの例を表示するには、[Run Instance] ボタンをクリックしてください
以下の例では、 TextBox コントロールと Label コントロールが aspx ファイルで宣言されています。 TextBox 内の値を変更し、TextBox の外側をクリックする（または Tab キーを押す）と、変更サブルーチンが実行されます。変更サブルーチンは、Label コントロールにテキスト行を書き込みます:
Instance
<script runat="server"> Sub change(sender As Object, e As EventArgs) lbl1.Text="You changed text to " & txt1.Text End Sub </script> <!DOCTYPE html> <html> <body> <form runat="server"> Change text <asp:TextBox id="txt1" runat="server" text="Hello World!" ontextchanged="change" autopostback="true"/> <p><asp:Label id="lbl1" runat="server" /></p> </form> </body> </html>
インスタンスの実行 »
オンライン インスタンスを表示するには、[インスタンスの実行] ボタンをクリックします
