在extjs中，我們可以使用表單的setHtml方法來設置表單中的html

form.setHtml('
hello world
');

如上代碼將在表單中設置一段html內容，展示的就是hello world字樣的div

除了簡單的字符串，我們還可以使用tpl模板來構建更復雜的html內容

form.setHtml(new Ext.XTemplate(
'<div>{name}</div>',
'<tpl for="books">',
'<div>{title}</div>',
'</tpl>'
).apply({
name: 'Tom',
books: [
{title: 'book1'},
{title: 'book2'}
]
}));

如上代碼使用tpl模板生成了一段包含變量和循環的html內容，展示了Tom和他所擁有的兩本書的標題

除了使用setHtml方法，我們還可以通過重寫表單的getTemplate方法來自定義表單元素的html

Ext.define('MyForm', {
extend: 'Ext.form.Panel',
getTemplate: function() {
return [
'<fieldset>',
'<legend>{title}</legend>',
'<div class="x-panel-body" style="padding: 5px;">{html}</div>',
'</fieldset>'
];
}
});

如上代碼定義了一個名為MyForm的表單類，重寫了getTemplate方法以自定義表單元素html格式，并展示了一個包含標題和html內容的簡單表單