＜checkbox id="cbx_1" value="N" labelonleft="true" label="Show Details:" onValue="Y" offValue="N"/＞

另外，我们的控件将支持可取消的事件onItemChanging和通知事件onItemChanged。

定义定制标签

从结构上讲，一个定制标签是一个具有一个HTC扩展名的文件-它在＜PUBLIC:COMPONENT＞和＜/PUBLIC:COMPONENT＞标志之间对它的属性，方法和事件加以描述。

为了定义一个定制CHECKBOX标签，我们创建一个如下列代码片断中的文件checkbox.htc-其中，第一行负责设置该组件的标签名：

＜PUBLIC:COMPONENT NAME="cbx" tagName="CHECKBOX"＞ ＜PROPERTY NAME="value" GET="getValue" PUT="putValue" /＞ //我们把组件的所有另外的属性放在这里 ＜METHOD NAME="show" /＞ //我们把组件的所有另外的方法放在这里 ＜EVENT NAME="onItemChanging" ID="onItemChanging"/＞ //我们把组件将向应用程序激活的所有另外的事件放在这里 ＜ATTACH EVENT="oncontentready" HANDLER="constructor" /＞ //我们把组件自己处理的另外的事件放在这里 ＜SCRIPT＞ //我们把所有的方法，属性getters和setters和事件处理器放在这里 ＜/SCRIPT＞ ＜/PUBLIC:COMPONENT＞

使用定制标签

尽管HTC文件的内容比较重要，但是这与其文件名是什么无关。值得注意的是，指向该HTC文件的URL需要被使用IMPORT指令指定-这必须在相应的定制标签第一次出现之前（在页面上）完成。下面是最简单的可能的页面使用一个定制的复选框可能看上去的样子-假定该页面和HTC文件处理同一个文件夹下：

＜HTML xmlns:myns＞ ＜?IMPORT namespace="myns" implementation="checkbox.htc" ＞ ＜BODY＞ ＜myns:checkbox id='cbx_1' label='Hello'/＞ ＜/BODY＞ ＜/HTML＞

请注意，定制CHECKBOX是怎样在打开的HTML标签中被映射到一个非缺省的命名空间"myns"的。这个IMPORT指令实现把HTC同步加载到浏览器的内存并且还指示浏览器怎样为适当的命名空间实现名称确定的（HTC到命名空间的关联可能是多对一的）。

定制标签的构造器

最好的初始化HTC的方法是，一旦它被装载就处理oncontentready事件。因此，我们可以定义处理器函数-为了概念清晰起见，我们称之为构造器：

＜ATTACH EVENT="oncontentready" HANDLER="constructor" /＞

constructor()的逻辑是简单的：根据属性labelonleft的值(见下面的属性定义)按顺序连接一个常规HTML复选框和HTML标签：

function constructor() { 　//我们将把一个HTML复选框和标签添加到元素体 　//详细情形见列表2 }

定义定制标签属性

为了定义属性labelonleft，我们又在＜PUBLIC:COMPONENT＞部分加上一行：

＜PROPERTY NAME="labelonleft" VALUE="true"/＞

请注意，这个属性并没有包含getter和/或setter方法。属性onValue和offValue不仅提供了从复选框状态到一个商业值域的映射而且不需要getters和setters：

＜PROPERTY NAME="onValue" VALUE="true"/＞ ＜PROPERTY NAME="offValue" VALUE="false" /＞