懒羊羊
2023-11-14 ee4d94defe7cc7f36f87aebf2e9efed38ba93a40
提交 | 用户 | 时间
1ac2bc 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>&emsp;提交&emsp;</button>
135                         <button class="layui-btn layui-btn-primary" type="button" id="backupPage">&emsp;返回&emsp;</button>
136                     </div>
137                 </div>
138             </form>
139         </div>
140     </div>
141 </div>
142
143 @}