کنترل ورودی XForms

رابط کاربری XForms از کنترل‌های XForms استفاده می‌کند.

کنترل‌های XForms

عناصر رابط کاربری در XForms به عنوان کنترل‌های XForms。

عناصر کنترل مورد استفاده بیشترین <input> و <submit> هستند.

هر عنصر کنترل دارای ویژگی ref است که به مدل داده‌های XForms اشاره دارد.

کنترل‌های مستقل از دستگاه

درک رابط کاربری XForms به طور دقیق توضیح نمی‌دهد که چگونه کنترل‌های XForms نمایش داده می‌شوند، این اهمیت دارد.

به دلیل اینکه XForms مستقل از پلتفرم و دستگاه است، XForms حق نمایش این فضاهای ورودی را به مرورگر واگذار می‌کند.

به همین دلیل، XForms می‌تواند برای همه نوع دستگاه استفاده شود، از رایانه‌های شخصی گرفته تا تلفن‌های همراه، کامپیوترهای موبایل و غیره. XForms همچنین یک راهکار ایده‌آل برای تعریف رابط کاربری برای افراد معلول است.

کنترل input

کنترل input یکی از رایج‌ترین کنترل‌های XForms است. این کنترل برای ورود یک خط متن استفاده می‌شود:

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

بیشتر اوقات، کنترل input به عنوان این نوع حوزه‌های ورودی نمایش داده می‌شود:

نمایش کنترل ورودی

به خودتان امتحان کنید

عنصر <label>

عنصر <label> یک زیرعنصر اجباری برای همه کنترل‌های ورودی XForms است.

دلیل این کار برای اطمینان از اینکه فرم برای همه نوع دستگاه‌ها قابل استفاده باشد (زیرا برچسب‌ها می‌توانند به روش‌های مختلفی پردازش شوند.) برای نرم‌افزارهای صوتی، برچسب‌ها می‌توانند خوانده شوند و برای برخی از دستگاه‌های موبایل، برچسب‌ها باید به صورت یک صفحه به یک صفحه دنبال شوند.

کنترل secret

کنترل secret یک نوع خاص از فضای ورودی است که برای ورود پسورد یا اطلاعات مخفی طراحی شده است:

<secret ref="name/password">
<label>پسورد:</label>
</secret>

بیشتر اوقات، کنترل secret به عنوان این نوع حوزه‌های ورودی نمایش داده می‌شود:

نمایش کنترل Secret

کنترل textarea

کنترل textarea برای ورودی‌های چند سطری استفاده می‌شود:

<textarea ref="message">
<label>پیام</label>
</textarea>

کنترل textarea می‌تواند به عنوان این نوع حوزه‌های ورودی نمایش داده شود:

نمایش کنترل Textarea

کنترل ارسال

کنترل ارسال برای ارسال داده‌ها استفاده می‌شود:

<submit submission="form1">
<label>ارسال</label>
</submit>

کنترل trigger

کنترل trigger برای فعال‌سازی یک عمل استفاده می‌شود:

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

کنترل خروجی:

فضای خروجی برای نمایش داده‌های XForms استفاده می‌شود:

<p>نام: <output ref="name/fname" /></p>
<p>نام خانوادگی:  <output ref="name/lname" /></p>

مثال بالا تنها برای خروجی دادن محتوای نود <fname> و <lname> از مستند XForms XML (مثال XForms) است:

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

به این شکل نمایش داده می‌شود:

نام: David
نام خانوادگی: Smith

به خودتان امتحان کنید

کنترل Upload

کنترل upload برای آپلود فایل به سرور طراحی شده است:

<upload bind="name">
<label>فایل برای آپلود:</label>
<filename bind="file"/>
<mediatype bind="media"/>
</upload>