layui 横排 前后说明 排版代码

浪淘沙5个月前前端162

image.png

<div class="layui-form-item">
    <div class="layui-inline">
        <label class="layui-form-label">签到时间:<font color="red">*</font></label>
        <div class="layui-input-inline">
            <div class="layui-input-prefix">
                <i class="layui-icon layui-icon-date"></i>
            </div>
            <input type="text" name="qdks" id="qdks" lay-affix="clear" placeholder="请输入" autocomplete="off" class="layui-input" lay-verify="required" value="@DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss")">
        </div>
        <div class="layui-form-mid">-</div>
        <div class="layui-input-inline">
            <div class="layui-input-prefix">
                <i class="layui-icon layui-icon-date"></i>
            </div>
            <input type="text" name="qdjs" id="qdjs" lay-affix="clear" placeholder="请输入" autocomplete="off" class="layui-input" lay-verify="required" value="@DateTime.Now.ToString("yyyy-MM-dd HH:mm:ss")">
        </div>
    </div>
</div>
<div class="layui-form-item">
    <label class="layui-form-label">GPS:<font color="red">*</font></label>
   
    <div class="layui-form-mid layui-text-em">
        经度
    </div>
    <div class="layui-input-inline" >
        <input type="text" name="jd" id="jd" lay-affix="clear" placeholder="如需定位,请输入" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-form-mid layui-text-em">
        纬度
    </div>

    <div class="layui-input-inline">
        <input type="text" name="wd" id="wd" lay-affix="clear" placeholder="如需定位,请输入" autocomplete="off" class="layui-input">
    </div>
    <div class="layui-form-mid layui-text-em layui-font-purple">
        如输入经纬度,则签到时,只能定位的100米范围内才能签到
    </div>                
   
</div>    
<div class="layui-form-item">
    <label class="layui-form-label"></label>
   
    <div class="layui-input-inline">
        <a href="#" target="_blank"> 获取GPS定位</a>
    </div>
    

</div>


相关文章

layui checkbox选中事件

 <input type="checkbox" name="danye" id="danye"...

layui ajax请求 post 参数采用 [FromForm] 模式

 // 提交事件  form.on('submit(form1-submit)', function (data) {...

Layui卡片式 新完整页面

<div class="layui-fluid">     <blockquote class=&q...

asp.net code webapi layui ajax post表单数据

using System; using System.Collections.Generic; using System.Linq; using Syst...

layui给form 字段绑定返回值

 $.ajax({      url: "/api/feedback/readByID/" +&n...

layui 远程上传图片或文件

layui 远程上传图片或文件

@page @model xxtsoft.Web.Entry.Pages.pic1Model @{     ViewData["Tit...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。