XUL教程之--八
XUL Tutorial - 2.4 - Input Controls
Previous Contents Reference Next
XUL Tutorial -输入控制
XUL 拥有的元素类似HTML的格式控制. 有些也是新近实现.
文本输入域
HTML 有一个 input 元素可以用作文本输入控制 (along with other form controls). XUL 由一个类似的单行文本输入域.该元素是 textbox .
没有任何属性,, textbox 元素创建一个用户可以输入文本的框.与HTML input类似. 事实上, Mozilla将二者映射到同一个构件. 文本框的属性与HTML的input相同. 属性如下:
* id
标识符.
* class
按钮的样式类.
* value
如果你要文本框具有缺省的文本，利用 value属性提供.
* disabled
设置为false 会禁止文本输入.
* type
你可以设定这个属性为特殊的值 password来建立一个隐藏输入的文本框 .通常用域输入口令.
* maxlength
字符的最大长度.
下面的例子:
Example 2.4.1: Source View
上面的 textbox 例子将创建你值可以输入以行的文本输入,HTML也由一个 textarea 元素，针对大的文本输入区. 你可以将 textbox 元素用 做此目的，如果设定multiline 属性为 true, 文本输入域将显示多行.
For example:
value="This is some text that could wrap onto multiple lines."/>
像HTML textarea, 你可以用 rows 和cols 属性来设置尺寸. 这将设置行数和列数.
现在，增加一个搜索输入域到查找文件对话框.使用 textbox元素.
增加这些行在上一节建立的文件中的按钮之前. .
注意标签和文本输入将出现在窗口中. 注意该文本框具有完整的功能，你可以输入. 注意， for 属性已经被使用，因此如果电击标签回旋中文本框.
另外二个附加的元素元素是复选框checkbox和单选框radio. 他们是按钮的变种. 复选框为可以选择使能或禁能的可选项.单选框用于类似的目的,只是在多种选一.
在checkbox 和 radio中,你可以使用按钮的大多数属性.例子如下.
Example 2.4.2: Source View
第一行创建了一个简单的复选框.当用户点击时，会在检查checked/不检查unchecked之间切换. checked 属性可以用来只是缺省状态.你应当将之设置为 true或 false . label 属性可以用来赋值一个在框内显示的标签.旦选框是类似的.
为了将旦选框组合在一起,你可以使用 radiogroup 元素. 单元框组中一次智能由一个元素能被选中.点击一个会关掉同组中的其他. 例子如下.
Example 2.4.3: Source View
复选框和旦选框是简单的具体化的按钮. 应当记住，按钮有标签和图像组成，而检查框仅有标签和一个检查标记图像.你可以使用按钮的许多属性:
* label
检查上盒子上显示的标签.
* disabled
设置这个是true或 false 之一来禁能或使能.
* accesskey
访问键.
* imgalign
指示标签边上检查盒子出现的位置,如果你愿意，可以显示在上面，而不是左面.
* src
你可以明确地指定图像，可是，迄仅在用户点击检查盒时出现.
下拉式列表
下拉式列表在HTML中可以用 select 元素. 用户能够在一个文本单选框中看到,在点击箭头或某些类似按钮时,来实现不同的选择并将选择显示出来.其它的选择会出现在弹处的窗口里. XUL 由一个menulist 元素可以用于此目的.它有文本框和旁边的按钮组成. 名字叫作选择是因为它会弹出含有选择的菜单.在后面的节中，我们将 更多地了解菜单.
描述一个下拉框需要三个元素.第一个是 menulist 元素,创建一个内含按钮的文本盒.第二个使 menupopup 创建弹出窗口，在按钮被点击时会出现. 第三个是, menuitem 创建独立的选择体.
语法用下面的例子描述:
Example 2.4.4: Source View
这个菜单列表含有4个选择, 一个menuitem 元素针对一个选择.要像显示这些选择，点击箭头按钮.当某个被选中时，他会出现在菜单列表上. selected 属性用来指示在缺省时，这一项被选中.
menuitem 元素实际上是由按钮组成的,因此，你也 src, crop 和accesskey 属性.
缺省时，你只能从一个列表中进行选择.你不能通过打入输入你自己的选项,就像在某些下拉框中看到的一样.而一个menulist的变种允许这样做.用一个文本框代替按钮，你就可以输入选择的项. 例如, 浏览器中的URL域由一个通过下拉框来选择以前输入的URL,.
创建一个可以编辑的菜单列表,添加 editable 属性如下:
Example 2.4.5: Source View
这里创建的URL域由三个预先的选择，用户可以选择或者能输入一个自己的，通过在该域中打字. 用户输入的不会增加未一个新的选择.由于 value 在本里中没有使用,所以，却省值会是空白.
List boxes can also be created. Well find how to create them in the section on trees.
(Next) In the next section, we will learn how to add additional elements to the window using HTML.
Examples: 2.4.1 2.4.2 2.4.3 2.4.4 2.4.5
XUL Tutorial - 2.4 - Input Controls
Previous Contents Reference Next
发布人:fanyoou 来自: