26、XForms与XULRunner应用开发及部署全解析

XForms与XULRunner应用开发及部署全解析

1. XForms的用户交互与动态展示

在开发中，为了让XForms表单呈现表格外观，我们会对样式表进行一些修改。以下是相关的样式代码：

*:focus { background-color: yellow; } div.formRow { position:relative; width:90%; left:5%; display:block; text-align:center; border-style:solid; border-width:1px; border-color:black; } div.formRow > xf|input { display:inline; } .formHeading { border-width:1px; width:90%; position:relative; left:5%; background-color:black; color:white; }

这些修改能让选中的项目通过背景颜色突出显示，列表看起来更像传统表单。“移除”按钮可移除用户在访问列表中最后选择的行，用户点击“添加”按钮可在新站点字段中创建新条目。

2. 表单结构的变化

仅使用一个标志来控制界面元素的所有可能配置是不够的。为了支持任意数量的界面配置，标准采用了三个相关元素：case、switch和toggle。