之前介绍了Input输入框，在HTML5APP开发下的各种形状是怎样的。那么，对于同样重要的控件：Button按钮，又有怎样的形状，以及使用Button按钮时，又应该注意哪些事项呢。下面将逐一介绍：
工具/原料
HBuilder6.6
MUI2.5
方法/步骤
1、有边框，但背景是透明色的Button按钮控件。代码如下：<buttonclass="mui-btnmui-btn-blockmui-btn-outlined">Button按钮</button>在APP开发中，算是常见的用法。但出来的效果不太美观，感觉有点空。
2、有边框，有背景色的Button按钮控件。代码如下：&盟敢势袂lt;buttonclass="mui-btnmui-b墉掠载牿tn-block">Button按钮</button>这是最常见的用法。当然，按钮的背景色，不仅仅可以是白色，也可以是其它的颜色，通过添加新的样式，例：mui-btn-primary、mui-btn-negative等，便会出现不同的背景色。
3、掌握了Button按钮控件的基本开发后。事实上，还得注意如下的内容：首先是Button按钮岳蘖氽颐按下和移开的效果。在APP词礅湛锿里，如果没有这样的效果，很容易让别人误会点击了没有反应。这样的APP出来的体验效果，就很差。下面是点击之前和点击的效果（点击之后的效果和点击之前的效果是一样的），对应的代码如下：<buttonclass="mui-btnmui-btn-negativemui-btn-blockmui-btn-outlined">Button按钮</button>
4、接着我们看看Button按钮点击的事件代码应该如何编写。
5、然后，当Button按钮点击响应的时间过长时，得有一个提示消息，以便告之用户事件正在处理中，请稍等。代码如下：
6、最后，想说的是Button按钮经常出现在BODY里，但也可以在头部菜单里。效果如下：（如何创建头部菜单，见其它的经验）
