| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
- {% load staticfiles %}
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>作物管理</title>
- <meta name="renderer" content="webkit">
- <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
- <link rel="stylesheet" href="{% static '/lib/css/ace.min.css' %}" />
- <link rel="stylesheet" href="{% static '/lib/layui/css/layui.css' %}">
- <style>
- html,body{
- background: #fff;
- }
- .layui-form-item .inlineWidth {
- width: 300px;
- }
- .layui-form-label {
- width: 115px;
- }
- .layui-word-aux {
- color: red !important;
- }
- </style>
- </head>
- <body>
- <div class="layui-fluid">
- <div class="layui-row layui-col-space15">
- <div class="layui-col-md12">
- <div class="layui-card">
- <div class="layui-card-body">
- <form class="layui-form" action="">
- <div class="layui-form-item">
- <label class="layui-form-label">作物名称:</label>
- <div class="layui-input-inline inlineWidth">
- <input type="text" name="title" required lay-verify="required" placeholder=" " autocomplete="off" class="layui-input">
- </div>
- <div class="layui-form-mid layui-word-aux">*</div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">作物来源:</label>
- <div class="layui-input-inline inlineWidth">
- <div class="layui-input-inline inlineWidth">
- <input type="text" name="title" required lay-verify="required" placeholder=" " autocomplete="off" class="layui-input">
- </div>
- </div>
- <div class="layui-form-mid layui-word-aux">*</div>
- </div>
- <div class="layui-form-item">
- <label class="layui-form-label">生长环境:</label>
- <div class="layui-input-inline inlineWidth">
- <input type="text" name="password" required lay-verify="required" placeholder=" " autocomplete="off" class="layui-input">
- </div>
- <div class="layui-form-mid layui-word-aux">*</div>
- </div>
- <div class="layui-form-item layui-form-text">
- <label class="layui-form-label">描述:</label>
- <div class="layui-input-inline inlineWidth">
- <textarea name="desc" placeholder="请输入内容" class="layui-textarea"></textarea>
- </div>
- </div>
- <div class="layui-form-item">
- <div class="layui-input-block">
- <button class="btn btn-sm btn-primary" lay-submit lay-filter="formDemo">立即提交</button>
- <button type="reset" class="btn btn-sm">重置</button>
- </div>
- </div>
- </form>
- </div>
- </div>
- </div>
- </div>
- </div>
- <script src="{% static '/lib/layui/layui.all.js' %}"></script>
- <script>
- //Demo
- layui.use('form', function () {
- var form = layui.form;
- //监听提交
- form.on('submit(formDemo)', function (data) {
- layer.msg(JSON.stringify(data.field));
- return false;
- });
- });
- </script>
- </body>
- </html>
|