LayUI框架表单例子

最新推荐文章于 2025-06-26 13:03:27 发布

原创

最新推荐文章于 2025-06-26 13:03:27 发布 · 886 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#layui #demo

本文详细介绍了如何利用LayUI框架构建表单，包括基本元素、验证规则和交互实现，适合初学者快速上手。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>layui.form小例子</title>
    <link rel="stylesheet" href="layui.css" media="all">
</head>
<body>
<form class="layui-form" lay-filter="biaodan">
    <div class="layui-form-item">
        <label class="layui-form-label">输入框</label>
        <div class="layui-input-block">
            <input type="text" lay-verify="username" name="username" lay-filter="shuru" placeholder="请输入" autocomplete="off" class="layui-input">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">下拉选择框</label>
        <div class="layui-input-block">
            <select name="interest" lay-filter="aihao">
                <option value="0">写作</option>
                <option value="1">阅读</option>
            </select