提交 | 用户 | 时间
|
71e81e
|
1 |
@layout("/common/_container.html",{js:["/assets/form/egForm_add.js"]}){ |
懒 |
2 |
|
|
3 |
<div class="layui-body-header"> |
|
4 |
<span class="layui-body-header-title">表单的示例-添加</span> |
|
5 |
</div> |
|
6 |
|
|
7 |
<div class="layui-fluid " style=""> |
|
8 |
<div class="layui-card"> |
|
9 |
<div class="layui-card-body"> |
|
10 |
<form id="egFormForm" lay-filter="egFormForm" class="layui-form model-form" style="max-width: 700px;margin: 40px auto;"> |
|
11 |
<input name="formId" type="hidden"/> |
|
12 |
<div class="layui-form-item"> |
|
13 |
<label class="layui-form-label">名称<span style="color: red;">*</span></label> |
|
14 |
<div class="layui-input-block"> |
|
15 |
<input id="name" name="name" placeholder="请输入标题" type="text" class="layui-input" lay-verify="required" required autocomplete="off"/> |
|
16 |
</div> |
|
17 |
</div> |
|
18 |
<div class="layui-form-item"> |
|
19 |
<label class="layui-form-label">单个时间</label> |
|
20 |
<div class="layui-input-block"> |
|
21 |
<input id="singleTime" name="singleTime" placeholder="请输入单个时间,例如2015-01-12 12:00" type="text" class="layui-input" autocomplete="off"/> |
|
22 |
</div> |
|
23 |
</div> |
|
24 |
<div class="layui-form-item"> |
|
25 |
<label class="layui-form-label">时间段</label> |
|
26 |
<div class="layui-input-block"> |
|
27 |
<input id="betweenTime" name="betweenTime" placeholder="请输入时间段,例如2019-02-06 - 2019-03-20" type="text" class="layui-input" autocomplete="off"/> |
|
28 |
</div> |
|
29 |
</div> |
|
30 |
<div class="layui-form-item"> |
|
31 |
<label class="layui-form-label">单行选择框</label> |
|
32 |
<div class="layui-input-block"> |
|
33 |
<select name="simpleSelect" lay-filter="simpleSelect"> |
|
34 |
<option value=""></option> |
|
35 |
<option value="0">写作</option> |
|
36 |
<option value="1" selected="">阅读</option> |
|
37 |
<option value="2">游戏</option> |
|
38 |
<option value="3">音乐</option> |
|
39 |
<option value="4">旅行</option> |
|
40 |
</select> |
|
41 |
</div> |
|
42 |
</div> |
|
43 |
<div class="layui-form-item"> |
|
44 |
<label class="layui-form-label">分组选择框</label> |
|
45 |
<div class="layui-input-block"> |
|
46 |
<select name="fenzuSelect"> |
|
47 |
<option value="">请选择问题</option> |
|
48 |
<optgroup label="城市记忆"> |
|
49 |
<option value="你工作的第一个城市">你工作的第一个城市</option> |
|
50 |
</optgroup> |
|
51 |
<optgroup label="学生时代"> |
|
52 |
<option value="你的工号">你的工号</option> |
|
53 |
<option value="你最喜欢的老师">你最喜欢的老师</option> |
|
54 |
</optgroup> |
|
55 |
</select> |
|
56 |
</div> |
|
57 |
</div> |
|
58 |
<div class="layui-form-item"> |
|
59 |
<label class="layui-form-label">搜索选择框</label> |
|
60 |
<div class="layui-input-block"> |
|
61 |
<select name="modules" lay-search=""> |
|
62 |
<option value="">直接选择或搜索选择</option> |
|
63 |
<option value="1">layer</option> |
|
64 |
<option value="2">form</option> |
|
65 |
<option value="3">layim</option> |
|
66 |
</select> |
|
67 |
</div> |
|
68 |
</div> |
|
69 |
<div class="layui-form-item"> |
|
70 |
<label class="layui-form-label">多个选择</label> |
|
71 |
<input id="multiSelectHidden" name="multiSelectHidden" type="hidden" class="layui-input"/> |
|
72 |
<div class="layui-input-block" id="multiSelect" lay-filter="multiSelect"></div> |
|
73 |
</div> |
|
74 |
<div class="layui-form-item"> |
|
75 |
<label class="layui-form-label">图片</label> |
|
76 |
<div class="layui-input-block"> |
|
77 |
<input id="pictureInputHidden" name="pictureInputHidden" type="hidden" class="layui-input"/> |
|
78 |
<button type="button" class="layui-btn layui-btn-sm" id="picBtn"><i class="layui-icon"></i>选择图片</button> |
|
79 |
<div class="layui-upload-list"> |
|
80 |
<img class="layui-upload-img" id="img1" width="92px" height="92px"> |
|
81 |
</div> |
|
82 |
</div> |
|
83 |
</div> |
|
84 |
<div class="layui-form-item"> |
|
85 |
<label class="layui-form-label">文件</label> |
|
86 |
<div class="layui-input-block"> |
|
87 |
<input id="fileInputHidden" name="fileInputHidden" type="hidden" class="layui-input"/> |
|
88 |
<div style="float: left;"> |
|
89 |
<button type="button" class="layui-btn layui-btn-sm" id="fileBtn"><i class="layui-icon"></i>选择文件</button> |
|
90 |
</div> |
|
91 |
<div style="float: left;"> |
|
92 |
<span class="layui-inline layui-upload-choose" style="padding: 4px 10px;" id="fileNameTip"></span> |
|
93 |
</div> |
|
94 |
</div> |
|
95 |
</div> |
|
96 |
<div class="layui-form-item"> |
|
97 |
<label class="layui-form-label">开关-默认关</label> |
|
98 |
<div class="layui-input-block"> |
|
99 |
<input type="checkbox" name="closeFlag" lay-skin="switch" lay-text="ON|OFF"> |
|
100 |
</div> |
|
101 |
</div> |
|
102 |
<div class="layui-form-item"> |
|
103 |
<label class="layui-form-label">单选框</label> |
|
104 |
<div class="layui-input-block"> |
|
105 |
<input type="radio" name="sex" value="M" title="男" checked=""> |
|
106 |
<input type="radio" name="sex" value="F" title="女"> |
|
107 |
<input type="radio" name="sex" value="D" title="禁用" disabled=""> |
|
108 |
</div> |
|
109 |
</div> |
|
110 |
<div class="layui-form-item"> |
|
111 |
<label class="layui-form-label">复选框</label> |
|
112 |
<div class="layui-input-block"> |
|
113 |
<input type="checkbox" name="checkbox[]" value="write" title="写作"> |
|
114 |
<input type="checkbox" name="checkbox[]" value="read" title="阅读"> |
|
115 |
<input type="checkbox" name="checkbox[]" value="game" title="游戏"> |
|
116 |
</div> |
|
117 |
</div> |
|
118 |
<div class="layui-form-item"> |
|
119 |
<label class="layui-form-label">数字</label> |
|
120 |
<div class="layui-input-inline"> |
|
121 |
<input type="number" name="number" placeholder="请输入" class="layui-input"/> |
|
122 |
</div> |
|
123 |
<div class="layui-form-mid layui-word-aux">%</div> |
|
124 |
</div> |
|
125 |
<div class="layui-form-item"> |
|
126 |
<label class="layui-form-label">长字段</label> |
|
127 |
<div class="layui-input-block"> |
|
128 |
<textarea id="longText" name="longText" placeholder="请输入长字段" class="layui-textarea"></textarea> |
|
129 |
</div> |
|
130 |
<div class="layui-form-mid layui-word-aux" style="margin-left: 110px;">客户、邀评人默认被分享</div> |
|
131 |
</div> |
|
132 |
<div class="layui-form-item"> |
|
133 |
<div class="layui-input-block"> |
|
134 |
<button class="layui-btn" lay-filter="btnSubmit" lay-submit> 提交 </button> |
|
135 |
<button class="layui-btn layui-btn-primary" type="button" id="backupPage"> 返回 </button> |
|
136 |
</div> |
|
137 |
</div> |
|
138 |
</form> |
|
139 |
</div> |
|
140 |
</div> |
|
141 |
</div> |
|
142 |
|
|
143 |
@} |