layui 横排 前后说明 排版代码

浪淘沙8个月前前端209

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 表单 label宽度

 <style>      .layui-form-label {     ...

layui 为CKEditor 4 赋值 经常不显示

 // 在编辑器初始化后赋值  setTimeout(function() {   CKEDITOR.instances[...

element el-switch 默认选择

   mounted() {        if (this.form.act...

Element Plus 步骤条el-steps 设置simple时,箭头换成横线

@page @model xxtsoft.Web.Entry.Pages.hr.regModel @{     Layout =&nb...

asp.net core razor layui 分页和url参数绑定一起

@page @model xxtsoft.Web.Entry.Pages.sysadmins.rw.rw_listModel @{     La...

发表评论    

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