AntUI常规Forms表单
时间:2022-07-26
本文章向大家介绍AntUI常规Forms表单,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
<div class="am-list am-list-form">
<div class="am-list-header">常规类</div>
<div class="am-list-body">
<div class="am-list-item am-input-autoclear">
<div class="am-list-label" id="list-label-1">标签文本</div>
<div class="am-list-control">
<input id="demo-input-1" type="text" placeholder="内容内容" value="" aria-labelledby="list-label-1">
</div>
<div class="am-list-clear" tabindex="0" aria-label="清空输入框" aria-controls="demo-input-1">
<i class="am-icon-clear am-icon" aria-hidden="true"></i>
</div>
</div>
</div>
</div>
<div class="am-list am-list-form">
<div class="am-list-item am-input-autoclear">
<div class="am-list-label" id="list-label-2">标签文本</div>
<div class="am-list-control">
<input id="demo-input-2" type="text" placeholder="内容内容" value="" aria-labelledby="list-label-2">
</div>
<div class="am-list-clear" tabindex="0" aria-label="清空输入框" aria-controls="demo-input-2">
<i class="am-icon-clear am-icon" aria-hidden="true"></i>
</div>
</div>
<div class="am-list-item am-input-autoclear">
<div class="am-list-label" id="list-label-3">标签文本</div>
<div class="am-list-control">
<input id="demo-input-3" type="text" placeholder="内容内容" value="" aria-labelledby="list-label-3">
</div>
<div class=
"am-list-clear" tabindex="0" aria-label="清空输入框" aria-controls="demo-input-3">
<i class="am-icon-clear am-icon" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="am-list am-list-form">
<div class="am-list-item am-input-autoclear">
<div class="am-list-label" id="list-label-4">标签</div>
<div class="am-list-control">
<input id="demo-input-4" type="text" placeholder="内容内容" value="" aria-labelledby="list-label-4">
</div>
<div class="am-list-clear" tabindex="0" aria-label="清空输入框" aria-controls="demo-input-4">
<i class="am-icon-clear am-icon" aria-hidden="true"></i>
</div>
</div>
</div>
<div class="am-list am-list-form">
<div class="am-list-item am-input-autoclear">
<div class="am-list-label" id="list-label-5">标签文本</div>
<div class="am-list-control">
<input id="demo-input-5" type="text" placeholder="内容内容" value="支付宝" aria-labelledby="list-label-5">
</div>
<div class="am-list-clear" tabindex="0" aria-label="清空输入框" aria-controls="demo-input-5">
<i class="am-icon-clear am-icon" aria-hidden="true"></i>
</div>
</div>
<div class="am-list-item am-input-autoclear">
<div class="am-list-label" id="list-label-6">标签文本</div>
<div class="am-list-control">
<input id="demo-input-6" type="text" placeholder="内容内容" aria-labelledby="list-label-6">
</div>
<div class="am-list-clear" tabindex="0" aria-label="清空输入框" aria-controls="demo-input-6">
<i class="am-icon-clear am-icon" aria-hidden="true"></i>
</div>
</div>
</div>
- 理解OAuth 2.0
- node.js应用Redis数据库
- apache服务器配置
- udev实现热插拔
- 《Redis设计与实现》读书笔记(九) ——Redis集合和有序集合实现原理
- 内存对齐的三条原则
- 《Redis设计与实现》读书笔记(十) ——Redis对象相关其他设计与实现
- CI一些优秀实践
- 《Redis设计与实现》读书笔记(十一) ——Redis数据库与键空间
- assert断言
- 什么是堆和栈,它们在哪儿?
- contain_of宏定义
- 《Redis设计与实现》读书笔记(十三) ——Redis数据库其他内容与总结
- 《Redis设计与实现》读书笔记(十四) ——Redis RDB文件创建、载入与自动保存原理
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- CSRF跨站请求伪造——原理及复现
- 【Spark】常见的编译错误
- 聊聊dubbo-go的randomLoadBalance
- CentOS 6 安装 Chrome最简单的方法
- Mysql事物和锁
- PyTorch7:torch.nn.init
- Puppeteer 入门与实战
- 【DB笔试面试854】在Oracle中,删除数据库的方式有哪几种?
- 方差齐性检验
- Windows WSL2 htop打开黑屏的问题解决
- 【DB笔试面试855】在Oracle中,简单说说PSU升级的过程
- HashMap中add()方法的源码学习
- IOC容器实现
- Docker安装mysql
- 【LeeCode 面试题】二叉树的前序遍历,中序遍历,后序遍历递归和迭代的两种实现方式