表单几乎是每个应用程序中不可或缺的一部分。章节讲解，在ionic中，不是直接使用input标签来写表单控件，而是有专门用来模拟原生ios/android系统的表单组件。在ionic中创建表单需要list的配合。列表的使用可以参考下面：【说说ionic3[4]结构说明和列表渲染】(http://www.jianshu.com/p/ff32...下面介绍一些使用表单组件：组件概览文本输入：输入组件基本使用label并且注意ion-input是有结束标签的，不是像input那样是单标签，type属性type属性和html中的input标签是一样的type属性类似，可以使用text、password等值，但不支持radio、checkbox等非文本输入类型。值得一提的是，在移动应用的开发中，输入的类型与其调用的移动键盘有着密切的联系，因此在开发时应根据输入的实际功能仔细区分它们的类型，也可以使用它们来验证这些值的合法性，常用的有：email,tel,url,number另外，如果你需要一个没有任何符号的纯数字键盘，可以使用pattern属性，使用正则表达式来限制输入内容为纯数字标签样式ionic内置了几种标签显示样式，你可以定义它像这样：网站网站网站网站fixed和default的区别在于，默认只是将标签和控件排成一行，而fixed固定了标签的宽度，使用fixed可以让表格更整洁。stacked将标签固定在控件的左上角，使控件可以占据一整行；乍一看，浮动除了上面的空白外没有什么特别的，但是当它被激活时，它会触发动画变成堆叠的样子（这在Android应用程序中经常看到）。Listradioselection：如果说Radio组件的输入和我们写网页的习惯基本相似，那么radio组件可能就不一样了。毕竟，传统网页上的选择操作与移动应用有很大的不同。基本使用请选择：Option1选项2在ion-list标签上使用radio-group命令，表示里面的ion-radio是同一个组。在ion-list-header的帮助下放置这组选项的标题。主要属性同input[type=radio]，包括checked、disabled和value。YesorNo：Toggle组件常用于设置页面的切换组件。基本用法意大利辣香肠主要属性和输入[type=checkbox]，共有三个属性：checked、disabled和value。弹出框选择：当Select组件点击控件时，会弹出一个Alert模态框。基本使用labeloption1option2multiple属性使用multiple属性将select改为多选，然后select的值变成一个数组。interface属性interface属性可以将弹框改成其他样式，支持action-sheet和popover两种取值。interface属性不能与multiple属性一起使用。日期/时间选择：日期时间组件基本使用DatedisplayFormat属性displayFormat定义日期在控件中的显示格式。对于国内开发者来说，常见的格式有：YYYY四位数年份（2017）MM月份（01-12）DD日期（01-31）HH小时-24小时格式（00-23）hh小时-12小时格式（01-12)mm分(00-59)ss秒(00-59)官方文档中也提供了更多格式，可以查阅（链接在文末）。比如我们定义displayFormat作用是pickerFormat属性pickerFormat指定了日期选择器中的格式。一般来说，我们不需要定义这个属性，除非我们希望选择器中的格式与控件中的格式不同。比如下面的例子，我们要求用户选择时间精确到秒，但是控件的显示却只精确到分钟。min属性和max属性min和max可以定义选择器的时间范围，例如下面的例子限制了timeto20162016年1月1日至2016年5月30日：rangeSelection：Range组件Range组件允许用户通过滑块选择给定范围内的值，默认范围为0-100。基本使用headerpin属性pin属性指定当用户滑动时是否在滑块上方显示数字。min属性和max属性min和max指定选择区间，即最大值和最小值。step属性和snaps属性step指定了滑块的精度，默认bit为1。如果同时使用snaps，可以在滑轨上标注每一步的刻度。标题button按钮和上面的控件不同，它没有使用ion-button来搭建，而是使用普通的button标签配合ion-button指令实现效果，并且按钮可以独立使用放置在离子列表容器内。基本使用按钮来调整颜色。color属性提供了一组常用的颜色。它们内置于模板中。默认值为主要。您可以根据您的业务需要使用其他值。这些值可以在项目中的varible.scss中自定义。主要次要危险darklight调整形状直接在按钮标签中定义如下指令来定义按钮的形状：blockfullwidthoutlineWireframebuttonclear无背景，无边框（相当于文字按钮）fullwidth（去除圆角）roundlargeroundroundcorners以上命令可根据实际组合使用fullblockclearround大纲round+outlineblock+roundfull+outline调整大小两个属性可以自定义大按钮和小按钮。largedefaultsmall官方文档提供的参考文档：label官方文档：input官方文档：RadioGroup官方文档：Toggle官方文档：选择官方文档：Datetime官方文档：Range官方文档：Button
