动机

XForms 创建了一种通用方式来表示按钮，它可以在网页和手机上工作。但它不像大多数其他系统那样被称为“按钮”。它是一个抽象或按钮的概括，称为 a trigger。触发器是对网页按钮或其他事件的抽象，例如手机上的按钮。使用触发器抽象可以让您的 XForms 更加便携。

屏幕图像

示例程序

<html
 xmlns="http://www.w3.org/1999/xhtml"
 xmlns:xf="http://www.w3.org/2002/xforms"
 xmlns:ev="http://www.w3.org/2001/xml-events"
>
   <head>
      <title>Button Example</title>
      <xf:model>
         <xf:instance xmlns="">
             <data/>
         </xf:instance>
      </xf:model>
   </head>
   <body>
      <xf:trigger>
          <xf:label>Button</xf:label>
          <xf:hint>If you press this you will get a hello world message.</xf:hint>
          <xf:message level="modal" ev:event="DOMActivate">Hello World!</xf:message>
      </xf:trigger>
   </body>
</html>

讨论

此示例同时包含标签和提示。 XForms 还具有可用于帮助文本，但帮助的实现方式是特定于实现的。

触发器样式

默认情况下，每个触发器看起来像一个 HTML 按钮。您可以通过设置 appearance="minimal" 来关闭它。

<xf:trigger appearance="minimal">
   <xf:label>Save</xf:label>
</xf:trigger>

让按钮触发多个事件

当您按下按钮 (触发器) 时，您有时希望触发器执行的不仅仅是单个提交。每当您想这样做时，您只需添加一个 action 元素并将多个发送包装在 action 中

<xf:trigger>
   <xf:label>Submit</xf:label>    
   <xf:action ev:event="DOMActivate">
      <xf:send submission="getTime"/>
      <xf:send submission="getTemperature"/>
    </xf:action>
</xf:trigger>

参考文献

W3C 触发器元素

FireFox CSS 样式提示

下一页: 控制按钮外观 | 上一页: 上传
首页: XForms