최신 웹 개발 튜토리얼
 

ASP.NET웹 양식 - 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 컨트롤의 값을 변경 클릭하여 제출할 수있다.

다음의 예에서 우리는 하나의 TextBox 컨트롤, Button 컨트롤 및 .ASPX 파일에 하나의 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>
»예보기

다음의 예에서 우리는 하나의 TextBox 컨트롤과에서 .aspx 파일에 하나의 Label 컨트롤을 선언합니다. 당신은 텍스트 상자의 값을 변경하고 텍스트 상자 외부를 클릭하거나 탭 키를 눌러 중 하나를하는 경우, 변경 서브 루틴이 실행됩니다. 제출 서브 루틴을 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>
»예보기