#### 表单小集合
代码示例：
```
<form class="win-form" action="">
<div class="win-form-item">
<label class="win-form-label">输入框</label>
<div class="win-input-block">
<input type="text" placeholder="输入标题" class="win-input" />
</div>
</div>
<div class="win-form-item win-clearfix">
<label class="win-form-label">密码框</label>
<div class="win-input-inline">
<input type="password" placeholder="输入密码" class="win-input" />
</div>
<div class="win-form-mid">辅助说明文字</div>
</div>
<div class="win-form-item">
<label class="win-form-label">选择框</label>
<div class="win-input-block">
<select>
<option>请选择</option>
<option>阅读</option>
<option>音乐</option>
<option>旅行</option>
</select>
</div>
</div>
<div class="win-form-item">
<label class="win-form-label">复选框</label>
<div class="win-input-block">
<input data-title='正常' data-type='checkbox' type="checkbox" name="checkbox">
<input data-title='经过' data-type='checkbox' type="checkbox" name="checkbox">
<input checked="checked" data-title='点击' data-type='checkbox' type="checkbox" name="checkbox">
</div>
</div>
<div class="win-form-item">
<label class="win-form-label">开关</label>
<div class="win-input-inline" style="width: auto;">
<input type="checkbox" data-type="switch"/>
</div>
<div class="win-input-inline">
<input checked="checked" type="checkbox" data-type="switch"/>
</div>
</div>
<div class="win-form-item">
<label class="win-form-label">单选框</label>
<div class="win-input-block">
<input checked="checked" data-title='男' type="radio" name="sex" value="男" />
<input data-title='女' type="radio" name="sex" value="女" />
</div>
</div>
<div class="win-form-item">
<label class="win-form-label">文本框</label>
<div class="win-input-block">
<textarea placeholder="请输入内容" class="win-textarea"></textarea>
</div>
</div>
<div class="win-form-item">
<div class="win-input-block">
<button class="win-btn">提交</button>
<button class="win-btn win-btn-primary">重置</button>
</div>
</div>
</form>
```
*****
#### 输入框
代码示例：
```
<form class="win-form" action="">
<div class="win-form-item win-clearfix">
<div class="win-input-inline">
<input type="text" placeholder="输入标题" class="win-input" />
</div>
<div class="win-input-inline">
<input type="text" placeholder="输入标题" class="win-input win-input-hover" />
</div>
<div class="win-input-inline">
<input type="text" placeholder="输入标题" class="win-input win-input-click" />
</div>
</div>
</form>
```
*****
####下拉框
代码示例：
```
<form class="win-form" action="">
<div class="win-form-item win-clearfix">
<div class="win-input-inline">
<select>
<option>请选择</option>
<option>选项一</option>
<option>选项二</option>
<option>选项三</option>
</select>
</div>
<div class="win-input-inline">
<select data-type="search">
<option>选项</option>
<option>选项二</option>
<option>选项三</option>
<option>选择一</option>
<option>选择二</option>
<option>选择三</option>
<option>你好</option>
<option>您好</option>
<option>hello</option>
</select>
</div>
</div>
</form>
```
*****
#### 复选框
代码示例：
```
<form class="win-form" action="">
<div class="win-form-item win-clearfix">
<div class="win-input-inline" style="width: auto;">
<input data-title='视觉设计师' data-type='checkbox1' type="checkbox" name="checkbox">
<input data-title='交互设计师' data-type='checkbox1' type="checkbox" name="checkbox">
<input checked="checked" data-title='前端设计师' data-type='checkbox1' type="checkbox" name="checkbox">
</div>
</div>
<div class="win-form-item win-clearfix">
<div class="win-input-inline" style="width: auto;">
<input data-title='苹果' data-type='checkbox' type="checkbox" name="checkbox">
<input data-title='香蕉' data-type='checkbox' type="checkbox" name="checkbox">
<input checked="checked" data-title='哈密瓜' data-type='checkbox' type="checkbox" name="checkbox">
</div>
</div>
</form>
```
*****
#### 开关
代码示例：
```
<form class="win-form" action="">
<div class="win-form-item win-clearfix">
<div class="win-input-inline" style="width: auto;">
<input type="checkbox" data-type="switch"/>
</div>
<div class="win-input-inline" style="width: auto;">
<input checked="checked" type="checkbox" data-type="switch"/>
</div>
<div class="win-input-inline" style="width: auto;">
<input data-title='开/关' data-type='switch' type="checkbox" />
</div>
<div class="win-input-inline" style="width: auto;">
<input checked="checked" data-title='开/关' data-type='switch' type="checkbox" />
</div>
<div class="win-inline">
<input data-title='Yes/No' data-type='switch' type="checkbox" />
</div>
<div class="win-inline">
<input checked="checked" data-title='Yes/No' data-type='switch' type="checkbox" />
</div>
</div>
</form>
```
*****
#### 单选框
代码示例：
```
<form class="win-form" action="">
<div class="win-form-item">
<input data-title='男' type="radio" name="sex" value="男" />
<input checked="checked" data-title='女' type="radio" name="sex" value="女" />
</div>
</form>
```
