Вводные контролы 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 контрол

Submit контрол используется для отправки данных:

<submit submission="form1">
<label>Отправить</label>
</submit>

Trigger контрол

Trigger контрол используется для инициирования определенного действия:

<trigger ref="calculate">
<label>Рассчитать!</label>
</trigger>

Output контрол:

Output пространство используется для отображения данных XForms:

<p>Имя: <output ref="name/fname" /></p>
<p>Фамилия:  <output ref="name/lname" /></p>

Пример, приведенный выше, выводит только содержимое узлов <fname> и <lname> из XML-документа (instance) 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>