ASP.NET - TextBox Control

TextBox Control用于إنشاء مربع نص يمكن للمستخدم إدخال النص فيه.

TextBox Control

TextBox Control用于إنشاء مربع نص يمكن للمستخدم إدخال النص فيه.

خصائص TextBox Control في دليل TextBox Control،

في المثال التالي، يتم عرض بعض الخصائص التي قد تستخدمها في control TextBox:

<html>
<body>
<form runat="server">
TextBox أساسي:
<asp:TextBox id="tb1" runat="server" />
<br /><br />
TextBox للكلمات المرور:
<asp:TextBox id="tb2" TextMode="password" runat="server" />
<br /><br />
TextBox مع نص:
<asp:TextBox id="tb4" Text="Hello World!" runat="server" />
<br /><br />
TextBox متعدد الأسطر:
<asp:TextBox id="tb3" TextMode="multiline" runat="server" />
<br /><br />
TextBox مع طول:
<asp:TextBox id="tb6" rows="5" TextMode="multiline"
runat="server" />
<br /><br />
TextBox مع عرض:
<asp:TextBox id="tb5" columns="30" runat="server" />
</form>
</body>
</html>

اعرض هذا المثال

إضافة script

عند تقديم النموذج، يمكن تعديل محتوى و إعدادات TextBox Control عبر script server. يمكن تقديم النموذج عن طريق النقر على زر أو عند تغيير المستخدم لقيمة TextBox Control.

في المثال التالي، قمنا بتعريف TextBox Control، Button Control، و Label Control في ملف .aspx. عند تنشيط زر التقدم، سيتم تنفيذ subroutine submit. subroutine submit سيكتب نصًا في control Label:

<script runat="server">
Sub submit(sender As Object, e As EventArgs)
lbl1.Text="اسمك هو " & txt1.Text
انتهاء الفئة
</script>
<html>
<body>
<form runat="server">
أدخل اسمك:
<asp:TextBox id="txt1" runat="server" />
<asp:Button OnClick="submit" Text="إرسال" runat="server" />
<p><asp:Label id="lbl1" runat="server" /></p>
</form>
</body>
</html>

اعرض هذا المثال

في المثال التالي، قمنا بإنشاء TextBox عنصر التحكم و Label عنصر التحكم في ملف .aspx. عند تغييرك للقيمة في TextBox والنقر خارج TextBox، يتم تنفيذ سكربت change. يقوم سكربت change بكتابة نص إلى Label عنصر التحكم:

<script runat="server">
Sub change(sender As Object, e As EventArgs)
lbl1.Text="لقد غيرت النص إلى " & txt1.Text
انتهاء الفئة
</script>
<html>
<body>
<form runat="server">
أدخل اسمك:
<asp:TextBox id="txt1" runat="server"
text="مرحبًا بالعالم!"
ontextchanged="change" autopostback="true"/>
<p><asp:Label id="lbl1" runat="server" /></p>
</form>
</body>
</html>

اعرض هذا المثال