Input输入框控件，应该说无论是B/S模式开发，还是C/S模式开发，还是APP开发，都是常用的控件。那么，对于HTML5APP开发而言，Input输入框控件，又有多少种形状呢，下面将详细介绍。掌握Input输入框技能，将会提升开发效率。同时，也对开发时，应该选择哪种类型，可以给出最佳方案。
空白的Input输入框控件。代码如下：inputid=testvalue=/这是最常见，也是最常用的写法。
带提示文件的Input输入框控件。代码如下：inputid=testvalue=placeholder=提示内容/多了一个placeholder元素，该元素的意思是：当点击输入框时，提示的内容会消失。
带图标的Input输入框控件。代码如下：divclass=mui-card divclass=mui-input-rowmui-iconmui-icon-personmui-leftstyle=padding:5px; inputtype=personclass=mui-input-clearmui-inputid=testname=teststyle=border:none; /div /div效果比带文字的输入框更丰富了。
带图标+文字的Input输入框控件。代码如下：divclass=mui-input-rowmui-search inputtype=searchclass=mui-input-speechmui-input-clearplaceholder=带语音识别的搜索框 /div效果是不是很酷。
Lable+图标+文字的Input输入框控件。代码如下：formclass=mui-input-groupdivclass=mui-input-rowlabelInput/labelinputtype=textclass=mui-input-speechmui-input-clearplaceholder=语音输入/div/form
最后，我们一起看看所有Input形状的输入框对比效果是怎样的。以便在选择时，可以做到心中有数。