form-group 两种常用使用

最新推荐文章于 2024-08-08 18:58:30 发布
最新推荐文章于 2024-08-08 18:58:30 发布
阅读量3.7w 收藏 23
点赞数 12
分类专栏： Bootstrap
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_15267341/article/details/63736215
版权

用法一：
这里写图片描述

运行结果如下：
这里写图片描述

form-group ：增加盒子的下边界
form-control： 充满整个父元素，并且有换行作用

用法二：
这里写图片描述

运行结果如下：
这里写图片描述

control-label :元素内实现包含内容右对齐

FR:海涛高软（QQ技术交流群：386476712）

Bootstrap5 表单
wjs2024的博客
02-07 422
Bootstrap5 的表单组件功能强大，易于使用。通过本文的介绍，相信您已经对 Bootstrap5 的表单有了更深入的了解。在实际项目中，您可以灵活运用这些组件，打造出美观、易用的表单界面。
初识ansible—— ansible基础及ad-hoc常用模块的使用
绮梦寒宵的博客
09-18 1699
文章目录一、介绍二、安装三、配置四、命令 一、介绍 1.定义     ansible是一种新出现的自动化运维工具，是基于python开发的，集合了众多运维工具的优点，包括puppet、chef、func、fabric，实现了批量系统配置，批量程序部署，批量运行命令等功能。     ansible是基于 paramiko（框架） 开发的，并且是基于模块工作的，本身没有批量部署的能力。真正具有批量部署的是ansible所运行的模块，ansible只是提供了一种框架。     ansible不需要在远程主机上安
SGroupForm:基于vue + element的配置化表单组件
04-02
s群形式 安装依赖 yarn install 运行示例 yarn run serve 打包组件 yarn run build 运行说明文档 yarn run docs 打包说明文档 yarn run docs:build
FormGroup的属性和常用方法
weixin_48290187的博客
10-15 4876
FormGroup跟踪一组FormControl实例的值和有效性状态。 FormGroup把每个子FormControl的值聚合进一个对象，它的key是每个控件的名字。它通过归集其子控件的状态值来计算出自己的状态 。比如，若组中的任何一个控件是无效的，那么整个组就是无效的。 FormCroup是Angular中用来定义表单的三大基本构造块之一，就像FormControl、FormArray一样。 当实例化FormGroup时，在第一个参数中传入一组子控件。每个子控件会用控件名把自己注册进去。 属性 cont
【Material-UI】FormGroup 组件：多选框分组的最佳实践详解
lph159的博客
08-08 1292
FormGroup是 Material-UI 中用于分组选择控件的容器组件。它通常被用来包裹一组复选框或单选按钮，使得这些控件在视觉和逻辑上被看作一个整体。通过将相关的表单控件放入FormGroup中，可以使表单布局更加清晰，同时也便于开发者进行状态管理和事件处理。Material-UI 的FormGroup组件是一个强大而灵活的工具，能够帮助开发者轻松地管理多个选择控件。在多选项管理、逻辑验证、用户偏好设置等场景中，FormGroup都能够提供优雅的解决方案。通过合理地使用FormGroup。
4.bootstrap的form表单的form-group和form-control的区别与联系
weixin_30906425的博客
10-13 3782
1. form-group一般用于div form-control一般用于置于div中的标签元素，为了让控件在各种表单风格中样式不出错，需要添加类名“form-control”，如： <form role="form"> <div class="form-group"> <input type="email" class="for...
Vue表单生成器Form-Create高级应用：自定义规则与验证的秘诀
从表单规则机制的构建、表单验证的实战应用、到自定义组件的集成与高级配置，文章系统地阐述了Form-Create如何简化和优化开发流程。同时，本文也探讨了Form-Create的性能优化策略以及在实际项目中的最佳实践，强调了...
组件封装与模块化：Vue表单生成器Form-Create跨项目复用策略
本文详细探讨了Vue表单生成器Form-Create的功能及其实现跨项目复用的策略。首先介绍了Form-Create的基础知识和组件封装理论与实践，包括组件封装的优势、实现方法和案例分析。随后，文章深入模块化设计的理论与实践...
C#WindowsForm常用窗体工具
weixin_73959356的博客
06-10 7829
如果用户选择了一个或多个文件并点击了打开按钮，那么在 DialogResult.OK 的条件下，可以通过 FileName 或 FileNames 属性获取用户选择的文件路径和文件名。如果用户选择了文件夹并点击了确定按钮，在 DialogResult.OK 的条件下，可以通过 SelectedPath 属性获取用户选择的文件夹路径。如果用户指定了保存位置和文件名，并点击了保存按钮，那么在 DialogResult.OK 的条件下，可以通过 FileName 属性获取用户指定的保存文件路径和文件名。
自动化运维工具--ansible详解（常用模块篇）
hanguofei的博客
10-11 558
1、主机连通性测试 我们使用ansible web -m ping命令来进行主机连通性测试，效果如下： [root@server ~]# ansible web -m ping 172.17.0.3 | SUCCESS => { "ansible_facts": { "discovered_interpreter_python": "/usr/bin/python" ...
form-group与input-group （Bootstrap）
海涛高软
01-04 3万+
整体是一个from-group，下面分两列，一列放入文本标签，一列放入输入项文本标签要加上control-label类修饰，其实control-label 具有靠右对齐功能input标签加上form-control类修饰，使输入框更加好看输入项中每一行都要用input-group修饰最后运行的效果如下： 再举一个例子运行效果如下： 运行后的效果如下： input-group表示一行 form
form-inline、form-control和form-group
热门推荐
海涛高软
03-19 4万+
FR:Hunk xu (QQ技术交流群：386476712）
angular之formgroup
李卓书
08-21 3284
最后检查发现啊，是clsChange事件没有触发，但是我们知道ngmodelchange是angular内置的绑定事件，在patchvalue中是会被触发的。属性是继承 AbstracControl，下面翻译一下：（这里要说明一下，这里翻译的，都是针对formgroup的，因为对于formArray,formControl可能是不同的）这里呢，在构造函数里，用valueChanges进行数据监控，当name里的数值发生变化时，会订阅这个回调函数。其实，编辑要做的就是回显以及初始化数据之后的联动。
bootstarp 的表单控件大小设置和class="form-group"，row使用
chuncui2576的博客
02-07 2425
表单控件都正常的大小。可以通过设置控件的height，line-height，padding和font-size等属性来实现控件的高度设置。不过Bootstrap框架还提供了两个不同的类名，用来控制表单控件的高度。这两个类名是： 1、input-sm:让控件比正常大小更小 2、input-lg...
bootstrap中的class=“form-group“是什么意思
weixin_45709255的博客
07-16 1万+
form-group 你可以理解为一个格式化 就是一个小集体他就是集体的圈 就是把需要的东西放在一个集体中 <h2 class="page-header">增</h2> <form id="addForm" action="" method="post"> <div class="form-group"> <label for="userName">姓名</label><span style="color:
Angular学习笔记43：响应式表单：FormGroup嵌套
W先生
06-06 1946
继Angular学习笔记42：响应式表单：表单分组FormGroup-新建、获取FormGroup的值以后。 在UserInfo中还有属性是 Address，不过这个 Address属性 是由三个控件组成，分别是：area:地区；street:街道；houseId:门牌号。 这个时候，就涉及到了FormGroup嵌套。 将area:地区；street:街道；houseId:门牌号这三个进行分组，它...
表单的布局
chenmo2001的博客
05-27 2389
表单的布局 自从Bootstrap使用display:block和width:100%在全部的input控件上后，表单默认都是基于垂直堆叠排列的，可以使用其他Class类来改变表单的布局。 .form-group（表单组） .form-group 可以向为表单赋予一些结构样式，目的是提供标签的控制配对以及margin-bottom属性，由于它是一个类选择器，可以在<div>或其他元素中使用它。 例如： <form> <div class="form-g...
angular 响应式表单FormGroup和模型驱动表单[(ngModel)] —angular学习笔记4
qq_38918953的博客
05-30 1463
文章目录响应式表单和模型驱动表单相同与不同之处响应式表单创建案例模板驱动表单创建案例表单底层原理（底层构造块）：响应式表单fromGroup与FormBuilder对比表单的验证方法 响应式表单和模型驱动表单相同与不同之处 相同：两者都从视图中捕获用户输入事件、验证用户输入、创建表单模型、修改数据模型，并提供跟踪这些更改的途径。 不同：主要是在如何处理和管理表单和表单数据方面有所不同。具体方面： 不同 响应式 模板驱动 建立（表单模式） 显式，在组件类中创建 例如:this.myForm
用python正则分别匹配两种sql，两者互相独立，一种是insert into schema.tmp_表名_2 select * from 另一种是insert into schema.表名 select * form
最新发布
03-08
<think>好的，用户的问题是关于使用Python正则表达式匹配两种不同形式的SQL插入语句。我需要先仔细分析这两种语句的结构，找出它们的异同点，然后设计合适的正则表达式模式。 首先，用户提到的两种SQL语句形式是： 1. 'insert into schema.tmp_表名_2 select * from' 2. 'insert into schema.表名 select * from' 这两种语句的共同点在于都以“insert into schema.”开头，然后是表名，接着是“select * from”。不同点在于第一种表名部分有“tmp_”前缀和“_2”后缀，而第二种没有。 接下来，我需要确定表名的可能结构。通常，表名可以包含字母、数字、下划线和汉字等字符。但这里用户的具体例子中，表名部分用的是中文“表名”，所以需要考虑中文字符的情况。不过，在正则表达式中，可能需要使用更通用的方式匹配表名，比如使用\w+来匹配单词字符（包括字母、数字和下划线），但中文可能需要使用Unicode属性，例如\p{Han}，但Python的re模块不支持Unicode属性类，所以可能需要使用[\u4e00-\u9fff]来匹配中文字符。不过，用户的问题可能更关注结构而非具体字符，所以可能只需用.*?或者\w+来匹配表名部分，具体要看用户的实际需求。 但根据用户提供的例子，表名部分是中文“表名”，所以可能需要允许中文字符。但Python的正则表达式默认情况下，\w不会匹配中文，所以需要使用更宽泛的字符类，比如[\w\u4e00-\u9fff]+，这样可以匹配字母、数字、下划线和中文。 然后，分析两种模式的结构： 第一种：schema.tmp_表名_2 结构是“tmp_”前缀，然后是表名主体，接着是“_2”后缀。这里的“表名”可能不包含下划线，或者可能包含，需要明确。假设用户希望“tmp_”和“_2”是固定的，中间的表名部分可以是任意字符，那么正则表达式应为tmp_[\w\u4e00-\u9fff]+_2。 第二种：schema.表名 直接是表名，没有前后缀。所以正则表达式应为[\w\u4e00-\u9fff]+，但需要排除以tmp_开头并以_2结尾的情况吗？或者用户希望完全分开匹配这两种情况，所以需要确保第二种模式不包含tmp_前缀和_2后缀。 不过用户希望分别匹配这两种情况，所以可能需要两个不同的正则表达式，或者一个正则表达式通过分组来捕获这两种情况。 但用户的问题是要用Python正则表达式分别匹配这两种形式，因此可能需要编写两个不同的正则表达式，或者一个正则表达式能够匹配两种模式，并区分它们。 另外，用户可能希望在一个正则表达式中同时捕获两种形式，或者分开处理。根据用户的问题描述，“分别匹配”，可能需要两个不同的正则表达式。 现在，构造第一个正则表达式，匹配第一种形式： 插入语句的格式是：insert into schema.tmp_XXXX_2 select * from 其中XXXX是表名主体，可能包含中文字符、字母、数字、下划线等。因此，这部分的正则表达式应为： r'insert\s+into\s+schema\.tmp_([\w\u4e00-\u9fff]+)_2\s+select\s+\*\s+from' 这里使用\s+匹配空格，表名部分用([\w\u4e00-\u9fff]+)捕获，前后有tmp_和_2。 第二个正则表达式匹配第二种形式： r'insert\s+into\s+schema\.([\w\u4e00-\u9fff]+)\s+select\s+\*\s+from' 这里没有tmp_前缀和_2后缀，直接匹配表名。 不过需要注意，第二种情况的表名是否可能包含tmp_或_2，比如用户是否希望排除这种情况。根据问题描述，第二种形式是直接的表名，所以即使表名中有tmp_或_2，也会被匹配到第二种模式。而第一种模式是明确有tmp_前缀和_2后缀的。 因此，这两个正则表达式可以区分这两种情况。 测试例子： 第一种情况：'insert into schema.tmp_表名_2 select * from' 应该被第一个正则式匹配。 第二种情况：'insert into schema.表名 select * from' 被第二个正则式匹配。 此外，可能还需要考虑大小写不敏感的问题，但SQL语句通常是不区分大小写的，不过用户提供的例子是小写的，所以可能需要添加re.IGNORECASE标志。 不过用户的问题中没有提到大小写的问题，可能默认是区分大小写的，所以保持原样。 另外，需要注意正则表达式中的特殊字符，比如点号.需要转义为\.，而空格用\s+匹配。 另外，用户可能希望匹配整个字符串，可能需要添加起始^和结束$锚点，或者在Python中使用re.fullmatch()而不是re.search()，但具体取决于上下文。如果用户只是检查字符串中是否存在这样的模式，可能不需要锚点，但为了精确匹配整个字符串，可能需要。 假设用户希望完全匹配整个字符串，那么正则表达式应以^开头和$结尾。 不过根据用户提供的例子，字符串末尾可能还有其他内容吗？例如，是否还有其他部分在'select * from'之后？根据例子中的情况，这两个语句可能以'select * from'结尾，所以正则表达式可能需要匹配到这部分。 例如，完整的正则表达式可能为： 对于第一种情况： ^insert\s+into\s+schema\.tmp_([\w\u4e00-\u9fff]+)_2\s+select\s+\*\s+from$ 对于第二种情况： ^insert\s+into\s+schema\.([\w\u4e00-\u9fff]+)\s+select\s+\*\s+from$ 不过需要注意，用户提供的例子中，在'select * from'后面可能还有更多内容，比如具体的表名，但根据问题描述，用户可能只需要匹配到这部分结构，即插入语句的结构是插入到某个表，然后从某个表选择，所以可能只需要匹配到'select * from'的位置即可，后面的部分可能不在匹配范围内。 综上，构造两个正则表达式： pattern1 = r'^insert\s+into\s+schema\.tmp_([\w\u4e00-\u9fff]+)_2\s+select\s+\*\s+from' pattern2 = r'^insert\s+into\s+schema\.([\w\u4e00-\u9fff]+)\s+select\s+\*\s+from' 在Python中，使用re模块，可以编译这两个正则表达式，并使用match或search方法进行匹配。 另外，考虑到可能存在的其他空白符（如换行或制表符），可以使用\s+来匹配任意空白。 另外，用户可能需要捕获表名部分，以便进一步处理，所以使用括号捕获组。 测试时，例如： 测试字符串1：'insert into schema.tmp_test表_2 select * from' 应匹配pattern1，并捕获到组1为'test表' 测试字符串2：'insert into schema.员工表 select * from' 应匹配pattern2，捕获组1为'员工表' 需要注意的是，表名中可能包含数字、字母、下划线和中文，所以正则表达式中的字符类应包含这些。 另外，用户可能希望更精确地匹配表名的结构，比如是否允许数字开头等，但根据问题中的例子，表名部分是中文，所以可能不需要限制，只要符合常规表名规则即可。 最后，将这些思考整理成回答，并给出Python代码示例，演示如何使用这两个正则表达式进行匹配。</think>### 分步解析 要匹配两种SQL插入语句格式，需通过正则表达式区分表名结构。以下是具体步骤： 1. **分析语句结构差异** - 第一种格式：`schema.tmp_表名_2` 包含固定前缀`tmp_`和后缀`_2`，表名主体在中间 - 第二种格式：`schema.表名` 直接以表名结尾，无前后缀 2. **构建正则表达式** - **匹配第一种格式** 使用`tmp_`和`_2`包裹表名主体，表名允许包含中文、字母、数字和下划线： $$^insert\s+into\s+schema\.tmp_([\w\u4e00-\u9fff]+)_2\s+select\s+\*\s+from$$ - `[\w\u4e00-\u9fff]`匹配中英文、数字和下划线 - `\u4e00-\u9fff`覆盖常用汉字范围[^1] - **匹配第二种格式** 直接捕获表名，无前后缀限制： $$^insert\s+into\s+schema\.([\w\u4e00-\u9fff]+)\s+select\s+\*\s+from$$ 3. **Python实现代码** ```python import re # 定义两种正则模式 pattern1 = r'^insert\s+into\s+schema\.tmp_([\w\u4e00-\u9fff]+)_2\s+select\s+\*\s+from' pattern2 = r'^insert\s+into\s+schema\.([\w\u4e00-\u9fff]+)\s+select\s+\*\s+from' # 测试语句 sql1 = 'insert into schema.tmp_用户表_2 select * from' sql2 = 'insert into schema.订单记录 select * from' # 执行匹配 match1 = re.match(pattern1, sql1, re.IGNORECASE) match2 = re.match(pattern2, sql2, re.IGNORECASE) if match1: print(f"匹配格式1，表名主体: {match1.group(1)}") # 输出: 用户表 if match2: print(f"匹配格式2，完整表名: {match2.group(1}") # 输出: 订单记录 ``` ### 关键说明 - **字符范围**：`\u4e00-\u9fff`覆盖了CJK统一汉字的基本范围，确保能识别中文表名 - **性能优化**：通过`^`和`$`限定字符串起止，避免部分匹配带来的性能损耗[^2] - **扩展性**：若需匹配更复杂的表名结构（如含特殊符号），可调整字符集合
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值