XForms/复选框

动机

您有一个布尔真/假值，并且希望输入控件对是/否或真/假答案有一个简单的复选框。

方法

我们将使用标准输入控件，但使用 bind 语句将实例绑定到布尔数据类型。我们将通过两种方式执行此操作，一种是使用没有 ID 的 bind，另一种是使用带有 ID 的 bind，以便我们可以引用 bind 语句。

请注意，复选框也可以通过使用xf:select控件来演示。但在这种情况下，一系列用空格分隔的值存储在与控件关联的值中。

屏幕图像

链接到 XForms 应用程序

加载 XForms 应用程序

示例程序

<html
   xmlns="http://www.w3.org/1999/xhtml"
   xmlns:xf="http://www.w3.org/2002/xforms"
   xmlns:xs="http://www.w3.org/2001/XMLSchema">
   <head>
      <title>XForms Checkbox Demo</title>
      <style type="text/css"><![CDATA[body {font-family: Helvetica, sans-serif;}]]>
      </style>
      <xf:model>
         <!-- load the module test data into the model -->
         <xf:instance xmlns="">
            <data>
               <bool1>true</bool1>
               <bool2>false</bool2>
            </data>
         </xf:instance>
         <!-- Here is where we indicate the datatypes of the instance variables -->
         <xf:bind ref="bool1" type="xs:boolean"  />
         <xf:bind id="bool2" ref="bool2" type="xs:boolean"  />
      </xf:model>
   </head>
   <body>
      <h1>XForms Checkbox Demo</h1>
      <xf:input ref="bool1">
         <xf:label>Bool 1: </xf:label>
      </xf:input>
      <br />
      <!-- use a named binding -->
      <xf:input bind="bool2">
         <xf:label>Bool 2: </xf:label>
      </xf:input>
      <br />
      <xf:output ref="bool1">
         <xf:label>Bool 1: </xf:label>
      </xf:output>
      <br />
      <xf:output bind="bool2">
         <xf:label>Bool 2: </xf:label>
      </xf:output>
   </body>
</html>

下一页: Select1 | 上一页: 带样式的文本区域
首页: XForms