يستخدم عنصر تحكم مربع نص لإنشاء مربع النص حيث نص يمكن للمستخدم إدخال.
التحكم مربع نص
يستخدم عنصر تحكم مربع نص لإنشاء مربع النص حيث نص يمكن للمستخدم إدخال.
يوضح المثال التالي بعض من السمات التي قد تستخدم مع عنصر تحكم مربع نص:
مثال
<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>
شاهد المثال » إضافة برنامج نصي
قد يتم تغيير محتويات والإعدادات من عنصر تحكم مربع نص من النصوص الخادم عند إرسال النموذج. ويمكن تقديم نموذج عن طريق النقر على زر أو عندما يغير المستخدم القيمة في عنصر تحكم مربع نص.
في المثال التالي نعلن عنصر تحكم واحد مربع نص تحكم زر واحد، وتحكم تسمية واحدة في ملف aspx. عندما يتم تشغيل زر الإرسال، يتم تنفيذ تقديم روتين. ويقدم روتين يكتب النص إلى تحكم التسمية:
مثال
<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>
شاهد المثال » في المثال التالي نعلن عنصر تحكم واحد مربع نص وتحكم تسمية واحدة في ملف aspx. عند تغيير القيمة في مربع نص وإما انقر خارج مربع نص أو اضغط مفتاح الجدولة، يتم تنفيذ روتين التغيير. ويقدم روتين يكتب النص إلى تحكم التسمية:
مثال
<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>
شاهد المثال »