镜像站@表单 - 在线演示

鉴于小伙伴的普遍反馈，先温馨提醒两个常见“问题”：1. 为什么select/checkbox/radio没显示？ 2. 动态添加的表单元素如何更新？

表单集合演示

单行输入框

验证必填项

验证手机

验证邮箱

多规则验证

验证日期

验证链接

验证身份证

自定义验证

请填写6到12位密码

范围

单行选择框

分组选择框

搜索选择框

联动选择框

此处只是演示联动排版，并未做联动交互

复选框

原始复选框

开关-默认关

开关-默认开

单选框

普通文本域

赋值和取值

方框风格的表单集合

长输入框

短输入框

日期选择

行内表单

密码

请务必填写用户名

范围

单行选择框

行内选择框

开关-开

单选框

文本域

更多我们未能呈现的示例，还有待您在阅读文档、以及不断使用的过程，去深入挖掘。

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>镜像站@Layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="../../res.layui.com/layui/dist/css/layui.css" tppabs="http://res.layui.com/layui/dist/css/layui.css"  media="all">
  <!-- 注意：如果你直接复制所有代码到本地，上述css路径需要改成你本地的 -->
</head>