علامة تبويب HTML، مربع الأدوات

يوفر التبويب HTML من مربع الأدوات المكونات التي تعتبر مفيدة على صفحات الويب وفي نماذج الويب. لِ عرض علامة التبويب هذه ، قم أولاً بفتح مستند لتحريرها في مصمم HTML. من القائمة عرض، أشر إلى أشرطة الأدوات، ثم انقر فوق مربع أدوات التحكم.

لإنشاء مثيل أداة على علامة تبويب HTML إما ينقر مزودجا على الأداة لإضافتها إلى المستند الخاص بك عند مؤشر الإدراج الحالي أو تحديد الأداة ثم سحبها إلى الموقع المطلوب على سطح التحرير.

المهام

• كيفية القيام بما يلي: إدارة نافذة مربع الأدوات

• كيفية القيام بما يلي: معالجة علامات تبويب مربع الأدوات

عناصر واجهة المستخدم

تتوفر الأدوات التالية بشكل افتراضي في علامة تبويب HTML.

• مؤشر
  

  يتم تحديد هذه الأداة بشكل افتراضي عند فتح أي علامة تبويب لمربع الأدوات. لا يمكن حذفه. يمكّنك من خلال المؤشر سحب الكائنات إلى سطح طريقة العرض, تصميم حجمها, و تغيير موضعها على الصفحة أو النموذج. للمزيد من المعلومات، راجع كيفية القيام بما يلي: إدارة نافذة مربع الأدوات وكيفية القيام بما يلي: معالجة علامات تبويب مربع الأدوات.

• إدخال (زر)
  

  قم بإدراج inputعنصر في type="button". لتغيير النص الذي يتم عرضه حرِِر الخاصية . تبعًا للإعدادات الافتراضية، يتم إدراج الزر الأول أو الثاني وهكذا.

  عند سحب إدخال (زر) إلى سطح طريقة العرض "تصميم" ، يتم إدراج توصيف HTML كما يلي في المستند:

  <input id="Button1" type="button" value="Button" name="Button1">
  

  لمزيد من المعلومات، راجع عناصر تحكم HTML الإدخال و عنصر تحكم الخادم HtmlInputButton المصرح البناء.

• إدخال (RESET)
  

  إدراج عنصر . لتغيير النص الذي يتم عرضه حرِِر الخاصية . تبعًا للإعدادات الافتراضية، يتم إدراج الزر الأول أو الثاني وهكذا.

  عند السحب إدخال (RESET) إلى سطح طريقة العرض "تصميم" ، يتم إدراج توصيف HTML كما يلي في المستند:

  <input id="Reset1" type="reset" value="Reset" name="Reset1">
  

  لمزيد من المعلومات، راجع عناصر تحكم HTML الإدخال و عنصر تحكم الخادم HtmlInputReset المصرح البناء.

• إدخال (الإرسال)
  

  إدراج عنصر . لتغيير النص الذي يتم عرضه حرِِر الخاصية . تبعًا للإعدادات الافتراضية، يتم إدراج الزر الأول أو الثاني وهكذا.

  عند السحب إدخال (الإرسال) إلى سطح طريقة العرض "تصميم" ، يتم إدراج توصيف HTML كما يلي في المستند:

  <input id="Submit1" type="submit" value="Submit" name="Submit1">
  

  لمزيد من المعلومات، راجع عناصر تحكم HTML الإدخال و عنصر تحكم الخادم HtmlInputSubmit المصرح البناء.

• إدخال النصوص
  

  إدراج عنصر في المستند. لتغيير النص الذي يتم عرضه حرر الخاصية . تبعًا للإعدادات الافتراضية، يتم إدراج الزر الأول أو الثاني وهكذا.

  عند السحب إدخال (نص) إلى سطح طريقة العرض "تصميم" ، يتم إدراج توصيف HTML كما يلي في المستند:

  <input id="Text1" TYPE="text" value="Text Field" name="Text1">
  

  لمزيد من المعلومات، راجع عناصر تحكم HTML الإدخال و عنصر تحكم الخادم HtmlInputText المصرح البناء.

  ملاحظة الأمان
  من المستحسن التحقق من صحة كل إدخالات المستخدم. لمزيد من المعلومات، راجع التحقق من صحة إدخالات المستخدم في صفحات ASP.NET على ويب.

• إدخال (ملف)
  

  إدراج عنصر في المستند. تبعًا للإعدادات الافتراضية، يتم إدراج الزر الأول أو الثاني وهكذا.

  عند سحب إدخال (زر) إلى السطح طريقة العرض "تصميم" ، يتم إدراج توصيف HTML كما يلي في المستند:

  <input id="File1" type="file" name="File1">
  

  لمزيد من المعلومات، راجع عناصر تحكم HTML الإدخال ، عنصر تحكم الخادم HtmlInputFile المصرح البناء ، و HtmlInputFile.

  ملاحظة الأمان
  من المستحسن التحقق من صحة كل إدخالات المستخدم. لمزيد من المعلومات، راجع التحقق من صحة إدخالات المستخدم في صفحات ASP.NET على ويب.

• إدخال (كلمة السر)
  

  إدراج عنصر . تبعًا للإعدادات الافتراضية، يتم إدراج الزر الأول أو الثاني وهكذا.

  عند السحب إدخال (كلمة السر) إلى سطح طريقة العرض "تصميم" ، يتم إدراج توصيف HTML كما يلي في المستند:

  <input id="Password1" type="password" name="Password1">
  

  لمزيد من المعلومات، راجع عناصر تحكم HTML الإدخال, عنصر تحكم الخادم HtmlInputPassword المصرح البناء, كيفية: تعيين عنصر تحكم ملقم ويب مربع نص إدخال كلمة المرور و الإرشادات التفصيلية: التحقق من صحة إدخالات المستخدم في صفحة نماذج ويب.

  ملاحظة الأمان
  إذا كان التطبيق الخاص بك يقوم بإرسال أسماء المستخدمين وكلمات المرور, يجب تكوين موقع ويب لإستخدام طبقة مآخذ التوصيل الآمنة (SSL) لتشفّير الإرسال. للمزيد من المعلومات، راجع "تأمين الاتصالات مع SSL" في دليل العمليات لـ IIS. من المستحسن التحقق من صحة كل إدخالات المستخدم. لمزيد من المعلومات، راجع التحقق من صحة إدخالات المستخدم في صفحات ASP.NET على ويب.

• إدخال (Check box)
  

  إدراج عنصر . لتغيير النص الذي يتم عرضه حرِِر الخاصية . تبعًا للإعدادات الافتراضية، يتم إدراج الزر الأول أو الثاني وهكذا.

  عند السحب إدخال (Check box) إلى سطح طريقة العرض "تصميم" ، يتم إدراج توصيف HTML كما يلي في المستند:

  <input id="Checkbox1" type="checkbox" name="Checkbox1"> 
  

  لمزيد من المعلومات، راجع عناصر تحكم HTML الإدخال و عنصر تحكم الخادم HtmlInputCheckBox المصرح البناء.

• إدخال (الراديو)
  

  قم بإدراج inputعنصر في type="radio". لتغيير النص الذي يتم عرضه حرِِر الخاصية . تبعًا للإعدادات الافتراضية، يتم إدراج الزر الأول أو الثاني وهكذا.

  عند السحب إدخال (الراديو) إلى سطح طريقة العرض "تصميم" ، يتم إدراج توصيف HTML كما يلي في المستند:

  <input id="Radio1" type="radio" name="Radio1">
  

  لمزيد من المعلومات، راجع عناصر تحكم HTML الإدخال و عنصر تحكم الخادم HtmlInputRadioButton المصرح البناء.

• إدخال (مخفي)
  

  قم بإدراج inputعنصر في type="hidden". تبعًا للإعدادات الافتراضية، يتم إدراج الزر المخفي الأول للثاني وهكذا.

  عند السحب إدخال (الرادسو) إلى سطح طريقة العرض "تصميم" ، يتم إدراج توصيف HTML كما يلي في المستند:

  <input id="Hidden1" type="hidden" name="Hidden1"> 
  

  لمزيد من المعلومات، راجع عناصر تحكم HTML الإدخال ، عنصر تحكم الخادم HtmlInputHidden المصرح البناء ، و HtmlInputHidden.

• Textarea
  

  إدراج عنصر . يمكنك تغيير حجم منطقة النص أو استخدام أشرطة التمرير الخاصة لعرض النص الذي يمتد خارج نطاق مساحة العرض الخاصة به. لتغيير النص الذي يتم عرضه حرر الخاصية . تبعًا للإعدادات الافتراضية، يتم إدراج الزر الأول أو الثاني وهكذا.

  عند سحب Tetarea إلى سطح طريقة العرض "تصميم" ، يتم إدراج توصيف HTML كما يلي في المستند:

  <textarea id=" textarea 1 name=" textarea 1" rows=2 cols=20></textarea> 
  

  لمزيد من المعلومات، راجع عنصر تحكم الخادم HtmlTextArea المصرح البناء ، HtmlTextArea ، و TextBox.

  ملاحظة الأمان
  من المستحسن التحقق من صحة كل إدخالات المستخدم. لمزيد من المعلومات، راجع التحقق من صحة إدخالات المستخدم في صفحات ASP.NET على ويب.

• جدول
  

  إدراج عنصر .

  عند سحب جدول إلى سطح طريقة العرض "تصميم" ، يتم إدراج توصيف HTML كما يلي في المستند:

  <table cellspacing="1" width="75%" border=1> <tr><td></td></tr></table> 
  

  لمزيد من المعلومات، راجع عنصر تحكم الخادم HtmlTable المصرح البناء, نظرة عامة حول التحكم في ملقم ويب TableCell TableRow وجدول, HtmlTable و Table.

• الصورة
  

  إدراج عنصر . تحرير هذا العنصرلتحديد به و النص.

  عند سحب صورة إلى سطح طريقة العرض "تصميم" ، يتم إدراج توصيف HTML كما يلي في المستند:

  <img alt="" src="">
  

  لمزيد من المعلومات، راجع عنصر تحكم الخادم HtmlImage المصرح البناء و نظرة عامة حول التحكم ملقم ويب الصورة.

• تحديد
  

  إدراج عنصر القائمة منسدلة (بدون سمة ). تبعًا للإعدادات الافتراضية، يتم إدراج مربع القائمة الأول للثاني وهكذا.

  عند سحب إختيار إلى سطح طريقة العرض "تصميم" ، يتم إدراج توصيف HTML كما يلي في المستند:

  <select id="select1" name="select1"><option selected></option></select>
  

  يمكنك إنشاء عنصر متعدد الخطوط عن طريق زيادة القيمة التابعة لخاصية الحجم.

  لمزيد من المعلومات، راجع عنصر تحكم الخادم HtmlSelect المصرح البناء و كيفية: إنشاء معالجات الأحداث تحرير البرامج النصية.

• قاعدة أفقية
  

  إدراج عنصر . لزيادة ثخانة الخط قم بتحرير السمة .

  عند سحب قاعدة أفقية إلى سطح طريقة العرض "تصميم" ، يتم إدراج توصيف HTML كما يلي في المستند:

  <hr width="100%" size=1> 
  

  لمزيد من المعلومات، راجع التحكم قاعدة HTML أفقي.

• /DIV
  

  إدراج عنصر تتضمًنه سمة . باستثناء العرض والارتفاع يماثل هذا العنصر "لوحة تخطيط تدفق". لتنسيق نص موجود ضمن العنصر إضافة سمة إلى العلامة فتح.

  عند سحب DIV إلى سطح طريقة العرض "تصميم" ، يتم إدراج توصيف HTML كما يلي في المستند:

  <div ms_positioning="FlowLayout" style="width: 70px; position: relative; height: 15px">Label</div>
  

  لمزيد من المعلومات، راجع التحكم Div HTML ، نظرة عامة حول التحكم ملقم ويب التسمية ، و Label.

راجع أيضًا:

المرجع

مربع الأدوات

علامة التبويب القياسية مربع الأدوات

موارد أخرى

عناصر تحكم HTML لصفحات ويب ASP.NET