عناصر إدخال XForms

استخدام XForms للواجهة المستخدم هو عن طريق عناصر التحكم في XForms.

عناصر التحكم في XForms

عناصر واجهة المستخدم في XForms تسمى عناصر التحكم في XForms。

الإлементات الأكثر استخداماً هي <input> و <submit>.

لدي كل عنصر مستند ref الخاصة تعود إلى نموذج بيانات XForms.

مستندات إدخال مستقلة عن الأجهزة

فهم واجهة المستخدم لـ XForms لا يصف بالضبط كيف يتم عرض مستندات XForms مهم جدًا.

بما أن XForms مستقلة عن المنصة والأجهزة، يترك XForms حقوق عرض هذه المساحات لمتصفح الويب.

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

مستند الإدخال

مستند الإدخال هو أكثر مستندات XForms استخدماً. يتم استخدامه لإدخال سطر نصي واحد:

<input ref="name/fname">
<label>اسم الأول</label>
</input>

في معظم الأوقات، يتم عرض مستند الإدخال كحقل إدخال من هذا النوع:

النوع المعروض للعنصر input

جربها بنفسك

عنصر <label>

عنصر <label> هو عنصر فرعي الإلزامي لجميع مستندات إدخال XForms.

السبب في ذلك هو التأكد من أن النموذج يمكن استخدامه على جميع أنواع الأجهزة ( لأن العلامات يمكن معالجتها بطرق مختلفة.). بالنسبة للبرمجيات الصوتية، يمكن قراءة العلامات، وللبعض الأجهزة المحمولة، يجب أن تتبع العلامات صفحة بعد صفحة من الإدخال.

مستند السر

مستند السر هو نوع خاص من مساحة الإدخال، تم تصميمه لإدخال كلمات المرور أو المعلومات المخفية أخرى:

<secret ref="name/password">
<label>كلمة المرور:</label>
</secret>

في معظم الأوقات، يتم عرض مستند السر كحقل إدخال من هذا النوع:

النوع المعروض للعنصر Secret

مستند النص المساعد

مستند النص المساعد يستخدم لإدخال النصوص المتعددة الأسطر:

<textarea ref="message">
<label>رسالة</label>
</textarea>

مستند النص المساعد يمكن أن يظهر كحقل إدخال من هذا النوع:

النوع المعروض للعنصر Textarea

مستند التقديم

مستند التقديم يستخدم لتقديم البيانات:

<submit submission="form1">
<label>تقديم</label>
</submit>

مستند الإشارة

مستند الإشارة يستخدم لتحفيز بعض الأفعال:

<trigger ref="calculate">
<label>حساب!</label>
</trigger>

مستند الإخراج:

فضاء الإخراج يستخدم لعرض بيانات XForms:

<p>First Name: <output ref="name/fname" /></p>
<p>Last Name:  <output ref="name/lname" /></p>

الامثلة السابقة تهدف فقط إلى إخراج محتويات العناصر <fname> و <lname> من مستند XForms XML (مثال XForms):

<instance>
  <person>
    <name>
      <fname>David</fname>
      <lname>Smith</lname>
    </name>
  </person>
</instance>

سيتم عرضه كالتالي:

First Name: David
Last Name: Smith

جربها بنفسك

عنصر Upload

تصميم عنصر upload لتحميل ملفات إلى الخادم:

<upload bind="name">
<label>File to upload:</label>
<filename bind="file"/>
<mediatype bind="media"/>
</upload>