# 表单

属性说明:
name         : label名称
id           : input的id
class        : class
required     : 必填
validate     : 验证 true/false
validateRule : 表单验证
style        : 附加的css属性
other        : 其他属性(支持多个,用空格隔开)
tips         : 提示文字
dateFormat   : 日期格式
placeholder  : 提示文字
readonly     : 只读
disabled     : 禁用

<!-- 示例 -->
<#form:input id="name" name="姓名" value="EasyFrame" />
<!-- 会在页面输出以下代码 -->
<div class="form-group row">
    <label class="col-form-label col-4" for="name">
        姓名：
    </label>
    <div class="col-8">
        <input type="text" class="form-control " id="name" name="name" value="EasyFrame">
    </div>
</div>

属性说明:
name         : label名称
id           : select的id
class        : class
value        : 默认值
required     : 必填
validateRule : 表单验证
dataDictType : 字典类型
validate     : 验证 true/false
other        : 其他属性(支持多个,用空格隔开)
tips         : 提示文字
readonly     : 只读
disabled     : 禁用
<!-- 示例 -->
<#form:select id="sex" name="性别" value="1" />
<!-- 会在页面输出以下代码 -->
<div class="form-group row">
    <label class="col-form-label col-4" for="sex">
        性别：
    </label>
    <div class="col-8">
        <select class="form-control select-picker" id="sex" name="sex" data-value="1"></select>
    </div>
</div>

属性说明:
id           : radio id
name         : radio 名称
value        : radio 值
checked      : radio 选中的值
required     : 必填  true/false
validateRule : 表单验证
validate     : 验证
class        : 附加的class属性
<!-- 示例 -->
<#form:radio name="status" text="启用" value="1" checked="1" required="true"/>
<!-- 会在页面输出以下代码 -->
<label class="e-radio">
    <input name="status" value="1" type="radio" checked="checked" required="true"> 启用
    <span></span>
</label>

属性说明:
id           : radio id
name         : radio 名称
value        : radio 值
checked      : radio 选中的值
required     : 必填  true/false
validateRule : 表单验证
validate     : 验证
class        : 附加的class属性
<!-- 示例 -->
<#form:checkbox name="status" text="启用" value="1" checked="1" required="true"/>
<!-- 会在页面输出以下代码 -->
<label class="e-radio">
    <input name="status" value="1" type="checkbox" checked="checked" required="true"> 启用
    <span></span>
</label>

属性说明:
name         : label名称
id           : textarea的id
required     : 必填
validate     : 验证 true/false
validateRule : 表单验证     
style        : 附加的css属性
other        : 其他属性(支持多个,用空格隔开)
tips         : 提示文字
placeholder  : 提示文字
readonly     : 只读
disabled     : 禁用
<!-- 示例 -->
<#form:textarea id="address" name="地址" value="EasyFrame" />
<!-- 会在页面输出以下代码 -->
<div class="form-group row">
    <label class="col-form-label col-md-2 col-4" for="address">
        地址：
    </label>
    <div class="col-md-10 col-8">
        <textarea class="form-control" id="address" name="address">EasyFrame</textarea>
    </div>
</div>

属性说明:
id           : 文件上传控件的id
class        : class
tips         : 提示文字
<!-- 示例 -->
<#form:fileUpload id="dropzone-1" tips="仅允许上传.png, .jpg, .gif, .jpeg, .bmp文件"/>
<!-- 会在页面输出以下代码 -->
<div class="dropzone dropzone-default dropzone-brand" id="dropzone-1">
    <div class="e-dropzone-msg dz-message ${class!}">
        <h3 class="e-dropzone-msg-title">拖动文件到这里或者点击选择文件</h3>
        <span class="e-dropzone-msg-desc">仅允许上传.png, .jpg, .gif, .jpeg, .bmp文件</span>
    </div>
</div>

属性说明:
id           : 文件上传控件的id
class        : class
tips         : 提示文字
<!-- 示例 -->
<#form:fileUpload id="dropzone-1" tips="仅允许上传.png, .jpg, .gif, .jpeg, .bmp文件"/>
<!-- 会在页面输出以下代码 -->
<div class="dropzone dropzone-multi ${class!}" id="dropzone-1">
    <div class="dropzone-panel">
        <a href="#" class="dropzone-select btn btn-brand btn-sm">选择文件</a>
        <a href="#" class="dropzone-upload btn btn-success btn-sm">全部上传</a>
        <a href="#" class="dropzone-remove-all btn btn-warning btn-sm">全部移除</a>
    </div>
    <div class="dropzone-items"></div>
</div>
<span class="form-text text-muted">仅允许上传.png, .jpg, .gif, .jpeg, .bmp文件</span>