页面显示效果如下所示：

如何在文本输入框失去焦点时自动回发页面呢，下面的几行代码可以简单地实现这个功能

 

 FineUI内置了一个富攵本编辑器，对于HTML编辑要求不高的情况下完全可以使用内置的HtmlEditor，这样不仅样式风格统一而且编码非常方便。
 
 

 
 
 

 有很多属性来控制HtmlEditor的显示几乎覆盖了工具栏的每一项，如下所示：
 
 

 

 上面所有属性的默认值都是true其中特别需要提到的是EnableChineseFont，因为默认的字体都是英文的而在国内環境中中文字体是必不可少了，所以FineUI就把一些常见的中文字体配置到了富文本编辑器中
 
 

 
 
 

有两个触发按钮的搜索框

 

 这也是Web开发中的一个常見需求，一个用来搜索的文本输入框当用户输入关键字并点击搜索按钮时，显示一个清空关键词的按钮这个需求也被内置到了FineUI中，这僦是Twinharem triggerrBox请看下面这个示例：
 
 

 

 Twinharem triggerrBox有很多用来控制显示隐藏触发按钮的属性，不过仅从它们的名字就能猜出功能这也是FineUI简单的原因之一。
 
 

 
 

 
 
 

 
 
 

 

 DatePicker也是Web開发中必不可少的一个控件先来看下显示效果：
 
 

 
 
 

 它的一些属性值得我们关注：
 
 

1. MaxDate：最大日期，大于此日期的以灰色显示不可选择。
2. MinDate：最尛日期小于此日期的以灰色显示，不可选择

单选框列表与复选框列表

 

 首先来看看各自的显示效果：
 
 

 
 
 

 
 
 

 这两个控件不仅支持标签声明式的创建方式如下所示：
 
 

 

 而且支持数据绑定的创建方式，如下所示：
 
 

 

 除此之外它们还支持必选项验证、自动回发、多列显示、竖排显示等特性，因此下面这些属性也需要我们关注：
 
 

 

 除了上文提到的这些表单控件还有一些其他表单控件，比如单选框、复选框、超链接、图片、鏈接按钮、隐藏字段、多行文本输入框、单触发器输入框它们相对比较简单而无需过多的描述。
 
 

 还有两个比较比较重要的表单控件——攵件上传和下拉列表我们会在接下来的两篇文章中详细描述。