Bootstrap 支持的另一个特性,输入框组。输入框组扩展自 表单控件。使用输入框组,您可以很容易地向基于文本的输入框添加作为前缀和后缀的文本或按钮。...也不要直接向表单组应用输入框组的 class,输入框组是一个孤立的组件。...基本的输入框组 下面的实例演示了基本的输入框组: 实例 <form class="bs-example bs-example-form...您可以通过向 .input-group 添加相对<em>表单</em>大小的 class(比如 .input-group-lg、input-group-sm)来改变输入<em>框</em>组的大小。...输入<em>框</em>中的内容会自动调整大小。
<form role="form"> <label>1.2K20
MFC控件编程之复选框单选框分组框 一丶分组框 分组框 英文叫做 GroubBox 添加了分组框主要就是分组.好看.不重点介绍 二丶单选框 英文: Raido...设置为True 2.如果有两个单选框那么TAB 顺序必须紧邻 VS中设置单选框TAB顺序 1,首先设置分组状态 ? 因为设置分组.所以需要指定TAB 按键顺序.也就是必须连着....只需要点击控件则会自动设置顺序. 3.程序窗口启动. 单选框默认选中第一个. 在我们的对话框初始化函数中 (OninitDlg ) 使用API 进行设置....函数原型: CheckRadioButton(控件ID, 控件ID, 要设置的控件ID); CheckRadioButton(IDC_RADIO1, IDC_RADIO2, IDC_RADIO2)...一般这种控件常用的就是是否选中.
相信上面两张图片上的输入框里有提示信息这功能大家都见过,有的人应该也自己动手做过。 ...我之前也做过,做法应该和大家都差不多,在输入框里写入提示内容,当鼠标获取焦点后清空内容,当失去焦点后判断内容是否为空,如果为空,则恢复显示提示内容,反则不显示。但这样的做法是否合理?...下面一一来做下分析。 1、如果输入内容和提示内容完全一样,当失去焦点后,应该如何判断? ...2、如果input在表单里,提交表单后,提示信息随着表单一并提交,难道还要在后端判断提交信息不等于提示信息,再进行数据操作么? 3、如果1、2两条都触发,后端要如果操作? ...其实方法很简单,把提示信息单独写在一个模块里,如div,然后设置这个div的样式,让它浮动到输入框上面,至于js,只需多写一句,当我点击这个div的时候,也触发input框的获取焦点事件即可。
H5新增表单特性 placeholder 输入框提示信息 autocomplete 是否保存用户输入值(默认为on,关闭提示选择off) autofocus 指定表单获取输入焦点... 此项必填,不能为空 pattern 正则验证 pattern=”\d{1,5}” formaction 在submit里定义提交地址 (只在opera浏览器下有作用) 表单的控件...重置按钮会清除表单中的所有数据 submit 定义提交按钮。提交按钮会把表单数据发送到服务器 text 定义单行的输入字段,用户可在其中输入文本,默认宽度为20个字符。...H5新增控件 email 电子邮箱文本框,跟普通的没什么区别(当输入不是邮箱的时候,验证通不过; 移动端的键盘会有变化) tel 电话号码 tel的主要功能在移动端,一个键盘切换 url...——chrome下输入文字后,会多出一个关闭的x range 特定范围内的数值选择器 min,max,step(步数) 例如:用js显示当前数值 number 只能包含数字的输入框
大家好,上节演示了数值调节钮和滚动条的小示例,本节开始介绍单选框、分组框和复选框控件的内容。 一、单 选 框 单选框在网页中一般都有遇到,下面介绍如何在工作表中添加单选框,以及如何使用。...下面在工作表中插入四个单选框,设置控件格式,将单元格链接设置为A4单元格。四个单选框为一组,选择不同的单选框,A4单元格显示的值不同。 下面插入分组框,将选项按钮1和2框起来作为一组。...此时重新设置选项按钮3的设置控件格式,设置单元格链接为A6单元格,点击选型按钮3和4时可以发现数值又从1开始起变化。 两个分组框中的单选项相互不影响,即通过分组框将不同组的单选框分隔开来。...三、 复 选 框 在了解了单选框和分组框之后,复选框更容易理解学习,复选框的单元格链接都是相互独立的。 下面通过简单示例介绍下复选框控件。如下面示例所示插入三个复选框。...---- 今天下雨 本节主要介绍表单控件中的单选框、分组框和复选框,后续会简单演示些示例,祝大家学习快乐。
<form role="form"> <input class="form-control input-l...1.2K10
大家好,Excel中的控件是放置在窗体的一些图形对象,可以用来显示、输入数据或者执行操作等。包括命令按钮、数值调节钮文本框、列表框、单选框、复选框等。...控件分为两种,分别是表单控件和ActiveX控件。表单控件只能在工作表中通过设置控件格式或者指定宏来使用,而ActiveX控件则有属性和事件,可以在工作表中和用户窗体中使用。...可以在开发工具选项卡的插入功能中,可以看到两种控件。 在Excel工作表中主要使用表单控件,它不仅与早期Excel版本更兼容,而且使用相对更简单,下面将分两节介绍常用的表单控件。...选择设置控件格式时,选择属性,可以选择按钮的大小和位置是否随单元格的变化而变化。根据需求进行选择即可。 控件的属性在后面介绍的其他表单控件都可以同样的设置,后面介绍的控件就不再多做说明。...---- 今天下雨 本节主要介绍表单控件中的按钮控件,主要用于运行指定宏。数值调节钮和滚动条则常用于参数调整,其他场景可以根据需要使用,后面会介绍其他表单控件,祝大家学习快乐。
大家好,上节介绍过按钮、数值调节钮和滚动条控件,本节主要演示在工作表中结合函数公式来扩展数值调节钮功能的示例。(滚动条和数值调节钮的使用方法雷同,只使用数值调节钮来演示。)...以此来设置数组调节钮的控件格式,设置最小值和最大值以及步长,单元格引用区域暂时放在F2单元格。...点击数值调节钮,F2和E2单元格的值同时变化,后面可以把F2的数值用数值调节钮控件盖住。(对indirect函数有问题可以通过蓝色链接查看。)...其中的数值调节钮也可以根据情况来用滚动条来替代,而通过数值调节钮控件改变单元格地址或者函数公式中参数的思路可以用其他方面。祝大家学习快乐。
antd的表单操作比较细致,功能较多,我们工作中常用的无非增加内容的表单和编辑的表单,增加内容的表单初始化时,大部分默认值为null的装填,偶尔有一些需要设置初始值,如性别或者一些必选属性。...表单如果是放在模态框中的,那么当模态框显示时,需要得到要显示的数据,或者要确定是那一条数据,一般情况下我会再当前组件设置一个currentData来指代当前数据,并将其传入模态框,并且将visibale...和setVisible也传递过去,而模态框需要做的就是展示数据,在对应的按键上添加提交事件。...这里有个问题,如果表单提交后,当前组件需要更新,那么还需要传递一个函数给模态框,方便模态框提交数据后再调用更新函数,关于提交函数是传递过去,还是定义在当前组件,我有如下的看法,一般的情况下我会定义在模态框中...以上便是我对模态框表单使用的总结,希望对你有所帮助
这样出来的结果整整齐齐,看上去没什么问题,但当系统里有几十个表单页以后需要统一将标签改为上对齐,或者标签和控件中加一个:号等需求都会难倒开发人员。...一个好的做法是使用某些控件库提供的表单控件;如果不想引入一个这么“重”的东西,可以自己定义一个简单的表单控件。...这篇文章介绍一个简单的用于布局表单的Form控件,虽然是一个很老的方案,但我很喜欢这个控件,不仅因为它简单实用,而且是一个很好的结合了ItemsControl、ContentControl、附加属性的教学例子...3.1 用FormItem封装表单元素 在文章开头的表单中,TextBox、Password等是它的逻辑结构,其它都只是它外观和装饰,可以使用自定义的ItemsCntrol控件分离表单的逻辑结构和外观。...DataForm通常还可以更进一步--反射实体类的所有属性自动创建表单。如果需要的话可以直接买一个包含DataForm的控件库,或者将SilverlightTookit的DataForm移植过来用。
查询控件 当初在写表单控件的时候,突然想到,这个表单控件稍微修改一下不就是一个查询控件了吗? 那么查询控件需要做的什么事情呢? ...1、自己描绘控件,比如能够自己添加文本框、下拉列表框这一类的控件。 2、可以自己获取用户输入的信息,根据查询方式组合where 后面的 SQL语句 。 ...是不是和表单控件很像呢? 在表单控件的SaveData()里面我们可以得到字段名称和对应的用户输入的信息,那么我们就可以写成这种方式。 ...分页控件有一个属性:myPage.SqlQuery = "";这个属性就是用来给分页控件设置查询条件的,正好可以查询控件对应上,这两个控件一配合起来,查询、分页就变得非常的简单了。...抽象 这样出现了一个问题,由于两个控件比较象,但是总不能等表单控件写好了,然后复制粘贴,再改一改,查询控件就诞生了吧。我们是不是应该对于相同的地方进行“抽象”呢,把相同的代码放在基类里面。
上一篇说的是表单布局上的变化,也就是通过TR、TD的设置,实现了多行多列的效果。那么格子画好了,我们 可以往里面放控件了。上次都是用的文本框,这个显然是不行的,还要扩大这个范围。 ...在表单控件里面控制子控件就很容易了,几行代码就可以搞定,子控件的变化都交给了ShowMe()来实现。...} 表单控件的流程 添加数据: 1、得到页面请求,到配置信息里面读取需要的信息,绘制UI,生成并加载需要的子控件。...现在表单控件已经可以增加子控件和实现添加数据的功能了,当然还需要完善,尤其是“属性设置”这一块,需要很好的规划。...下图是表单控件和查询控件与各个子控件的关系图,通过接口IControlMgr来实现对子控件的取值、赋值和属性设置。 ? 下图是表单控件可以实现的效果 ?
前言 让表单的输入框动起来 单个输入框表单聚焦时输入框变化 ?...#999; text-indent: 20px; transition: 0.3; outline: none; } input[type='text']:hover { // 鼠标经过输入框时...webkit-input-placeholder { transform: scale(0.8) translateY(-10px); // 缩小0.8倍,同时向上垂直方向平移10px } 多个输入框表单聚焦时输入框变化...input[type='text']:focus::-webkit-input-placeholder { transform: scale(0.8) translateY(-10px); } 分析
<textarea id=”...4.4K30当CSS遇上表单控件简单翻译下:CSS 2.1没有定义哪些属性适用于表单控件和frame,以及怎样用CSS给他们设置样式,用户代理可能会给这些元素应用CSS属性,建议编写者把此类支持当做实验性的,CSS后续版本可能会进一步指定这些...因为表单元素有一些特殊性,这些控件是由操作系统渲染的,而不是浏览器。...如果是这样,也在情理之中,因为表单元素无法交互了应该给用户以强感知,应该与可交互状态的表现有明显差异 这也提醒我们,对于自定义的表单控件(非原生),配色需要注意这些细节,禁用状态不仅要对背景色灰化,文本颜色...disabled,期望它看起来和div一样,结果发现了这个隐蔽的问题 三.去掉表单元素默认样式 在移动端或者兼容性允许的环境,可以使用下面的CSS去掉文本框默认样式: input, textarea {...总之: 对表单控件应用CSS样式,需要特别小心,因为规范不保证有效,那么在多平台下效果可能不一致 不建议对表单元素大幅度定制样式,环境兼容性很脆弱,要么保留原生样式,要么完全自定义(比如手动实现select89630MFC应用程序——标签控件_IP控件_时间控件_List Control控件_Tree Control控件_命令按钮_列表框_组合框_图片_滚动控件「建议收藏」标签控件相当于是一个页面的容器,可以容纳多个对话 框,而且一般也只容纳对话框,所以我们不能直接在标签控 件上添加其他控件,必须先将其他控件放到对话框中,再将 对话框添加到标签控件中。...树形控件的节点一般都由标签和图标两 部分组成,图标用来抽象的描述数据,能够使树形控件 的层次关系更加清晰。...【列表框控件介绍】 列表框给出了一个选项清单,允许用户从中进行单项或多项选择,被选中的项 会高亮显示。...【组合框控件介绍】 组合框其实就是把一个编辑框和一个列表框组合到 了一起,分为三种:简易(Simple)组合框、下拉式 (Dropdown)组合框和下拉列表式(Drop List)组合框。...【图片控件控件简介】 图片控件和前面讲到的静态文本框都是静态文本控件, 两者的使用方法有很多相同之处,所属类都是CStatic类。2.6K10bootstrap select 多选 搜索框 分组 常用image.png <!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控...2K30MFC控件编程之组合框跟列表框MFC控件编程之组合框跟列表框 一丶简介 如果要使用组合框跟列表框.那么就要知道.组合框列表框是最核心的东西就是索引. 索引是从0开始的....二丶组合框列表框常用的方法 AddString(字符串) 添加一个字符串.放到最后面....GetCount(); 获取组合框或者列表框当前的项的个数....三丶.简单使用方法编程 void CMFCApplication2Dlg::OnBnClickedOk2() { // TODO: 在此添加控件通知处理程序代码 //列表框组合框都添加内容...nSel = 0; nSel = m_LstBox.GetCurSel(); m_LstBox.InsertString(nSel, TEXT("2")); //获取当前组合框个数1.1K20IOS UITextField文本框控件import UIKit class ViewController:UIViewController, UITextFieldDelegate { ove...1.9K40点击加载更多扫码添加站长 进交流群领取专属 10元无门槛券手把手带您无忧上云相关资讯EXCEL表单控件的使用之组合框Excel VBA从新手到高手系列课程Flexbox 布局的最简单表单计算机VF程序资料Web前端开发基础知识,HTML中表单元素的理解热门标签更多标签云服务器ICP备案实时音视频即时通信 IM对象存储活动推荐运营活动广告关闭领券
简单翻译下:CSS 2.1没有定义哪些属性适用于表单控件和frame,以及怎样用CSS给他们设置样式,用户代理可能会给这些元素应用CSS属性,建议编写者把此类支持当做实验性的,CSS后续版本可能会进一步指定这些...因为表单元素有一些特殊性,这些控件是由操作系统渲染的,而不是浏览器。...如果是这样,也在情理之中,因为表单元素无法交互了应该给用户以强感知,应该与可交互状态的表现有明显差异 这也提醒我们,对于自定义的表单控件(非原生),配色需要注意这些细节,禁用状态不仅要对背景色灰化,文本颜色...disabled,期望它看起来和div一样,结果发现了这个隐蔽的问题 三.去掉表单元素默认样式 在移动端或者兼容性允许的环境,可以使用下面的CSS去掉文本框默认样式: input, textarea {...总之: 对表单控件应用CSS样式,需要特别小心,因为规范不保证有效,那么在多平台下效果可能不一致 不建议对表单元素大幅度定制样式,环境兼容性很脆弱,要么保留原生样式,要么完全自定义(比如手动实现select
标签控件相当于是一个页面的容器,可以容纳多个对话 框,而且一般也只容纳对话框,所以我们不能直接在标签控 件上添加其他控件,必须先将其他控件放到对话框中,再将 对话框添加到标签控件中。...树形控件的节点一般都由标签和图标两 部分组成,图标用来抽象的描述数据,能够使树形控件 的层次关系更加清晰。...【列表框控件介绍】 列表框给出了一个选项清单,允许用户从中进行单项或多项选择,被选中的项 会高亮显示。...【组合框控件介绍】 组合框其实就是把一个编辑框和一个列表框组合到 了一起,分为三种:简易(Simple)组合框、下拉式 (Dropdown)组合框和下拉列表式(Drop List)组合框。...【图片控件控件简介】 图片控件和前面讲到的静态文本框都是静态文本控件, 两者的使用方法有很多相同之处,所属类都是CStatic类。
image.png <!doctype html> <html> <head> <meta charset="utf-8"> <title>联想控...
MFC控件编程之组合框跟列表框 一丶简介 如果要使用组合框跟列表框.那么就要知道.组合框列表框是最核心的东西就是索引. 索引是从0开始的....二丶组合框列表框常用的方法 AddString(字符串) 添加一个字符串.放到最后面....GetCount(); 获取组合框或者列表框当前的项的个数....三丶.简单使用方法编程 void CMFCApplication2Dlg::OnBnClickedOk2() { // TODO: 在此添加控件通知处理程序代码 //列表框组合框都添加内容...nSel = 0; nSel = m_LstBox.GetCurSel(); m_LstBox.InsertString(nSel, TEXT("2")); //获取当前组合框个数
import UIKit class ViewController:UIViewController, UITextFieldDelegate { ove...
领取专属 10元无门槛券
手把手带您无忧上云