layui表单如何实现单行和多行(自动换行)

2025年03月07日 建站教程

layui表单,如何实现多个input并排成一行,或者一个一行,下面web建站小编给大家介绍一下关于layui自带的inline语法。

layui-inline表示不换行,否则换行

<div class="layui-form-item">
    <div class="layui-inline">
      <label class="layui-form-label">手机验证</label>
      <div class="layui-input-inline">
        <input type="tel" name="phone" lay-verify="required|phone" autocomplete="off"
         class="layui-input">
      </div>
    </div>
    <div class="layui-inline">
      <label class="layui-form-label">邮箱验证</label>
      <div class="layui-input-inline">
        <input type="text" name="email" lay-verify="email" autocomplete="off"
         class="layui-input">
      </div>
    </div>
  </div>

本文链接:http://so.lmcjl.com/news/24479/

展开阅读全文
相关内容