XForms 选择控件

XForms 用户界面使用 XForms 控件。

Select1 控件

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

  1. <select1 ref="status">
  2.   <label>Status:</label>
  3.   <item>
  4.     <label>Male</label>
  5.     <value>M</value>
  6.   </item>
  7.   <item>
  8.     <label>Female</label>
  9.     <value>F</value>
  10.   </item>
  11. </select1>

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

Try it yourself

Select 控件

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

  1. <select ref="languages">
  2.   <label>Languages:</label>
  3.   <item>
  4.     <label>English</label>
  5.     <value>E</value>
  6.   </item>
  7.   <item>
  8.     <label>French</label>
  9.     <value>F</value>
  10.   </item>
  11.   <item>
  12.     <label>Spanish</label>
  13.     <value>S</value>
  14.   </item>
  15.   <item>
  16.     <label>German</label>
  17.     <value>G</value>
  18.   </item>
  19. </select>

Range 控件

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

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

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