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

3194 ℃

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>

Pear Admin Layui中文文档官网介绍

layui做城市三级联动代码介绍

layui插件可以兼容IE8浏览器吗

layui进度条静态渲染和动态渲染实现代码

layui闭站了,去哪里找layui框架

标签: layui, 表单

上面是“layui表单如何实现单行和多行(自动换行)”的全面内容,想了解更多关于 js 内容,请继续关注web建站教程。

当前网址:https://m.ipkd.cn/webs_2499.html

声明:本站提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请发送到邮箱:admin@ipkd.cn,我们会在看到邮件的第一时间内为您处理!

Vue如何实现消息推送功能
DEDE织梦图集上传后按顺序排列的办法
如何利用nginx限制网站来源IP访问
php二维数组如何利用循环遍历转一维数组
input电话类型type="tel"如何只显示数字(屏蔽+*#)