웹 양식 텍스트 상자
TextBox 컨트롤은 사용자가 텍스트를 입력할 수 있는 텍스트 상자를 만드는 데 사용됩니다.
TextBox Control
TextBox 컨트롤은 사용자가 텍스트를 입력할 수 있는 텍스트 상자를 만드는 데 사용됩니다.
TextBox 컨트롤의 기능과 속성은 WebForms 컨트롤 참조 매뉴얼 페이지에 나열되어 있습니다.
다음 예제는 사용할 수 있는 TextBox 컨트롤의 일부 속성을 보여줍니다.
Example
<!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>
Run Instance »
온라인 인스턴스를 보려면 "Run Instance" 버튼을 클릭하세요
