XForms 选择控件

XForms 用户界面使用 XForms 控件。

Select1 控件

select1 控件用于从一个项目列表中选取一个项目：

<select1 ref="status">
  <label>Status:</label>
  <item>
    <label>Male</label>
    <value>M</value>
  </item>
  <item>
    <label>Female</label>
    <value>F</value>
  </item>
</select1>

在上面的例子中，用户可在两个值中选择其中之一，Male 或者 Female。存储在 XForms 实例（XML 文档）中的数据将是 M 或 F。

Try it yourself

Select 控件

Select 控件用于从一个项目列表中选取项目（一个或多个）：

<select ref="languages">
  <label>Languages:</label>
  <item>
    <label>English</label>
    <value>E</value>
  </item>
  <item>
    <label>French</label>
    <value>F</value>
  </item>
  <item>
    <label>Spanish</label>
    <value>S</value>
  </item>
  <item>
    <label>German</label>
    <value>G</value>
  </item>
</select>

Range 控件

Range 控件用于从值的一个范围内选取值：

<range ref="length" start="0" end="100" step="5">
  <label>Length:</label>
</range>

在上面的例子中，用户可按照步长 5 选择介于 0 到 100 之间的某个值。

VUE