表单控件属性与方法总结

合集下载

前端开发-ncformcontrol基础用法

NCFormControl是一个用于前端开发的表单控件，它的基础用法如下：

1. 使用`new FormControl()`创建一个表单控件，并使用`value`属性设置初始值。

2. 使用`setValue()`方法设置该表单控件的新值。

3. 使用`patchValue()`方法修补控件的值。

4. 使用`reset()`方法重置该表单控件，把它标记为`pristine`和`untouched`，并把它的值设置为`null`。

5. 使用`registerOnChange()`方法注册变更事件的监听器。

6. 使用`registerOnDisabledChange()`方法注册禁用事件的监听器。

你可以根据实际需要，灵活运用这些方法来实现各种表单功能。如果你还有其他疑问，请随时向我提问。

Visual FoxPro常用控件与表单精讲

选项按钮组的主要属性有： ButtonCount：指定选项按钮组的按钮数。 Name：选项按钮组对象的名称。
Value：指定或返回选项按钮组中被选中的按钮。选项按钮组的生成与编辑可用选项组生成器来实现，其操作步骤是：先选中选项按钮组对象，然后单击鼠标右键，在出现的快捷菜单中选择“生成器”菜单项，屏幕上出现“选项组生成器”窗体（如图11-14所示），然后按屏幕上出现的提示操作即可。
命令按钮的主要事件： Click：命令按钮单击事件，当用鼠标单击命令按钮时发生该事件。命令按钮使用示例如图11-10所示。
图11-10 命令按钮使用示例
在图6-10中的命令按钮名称为C1，要编写其Click事件代码可双击该按钮，屏幕上出现代码窗口，在对象下拉列表框中选择“C1”，在过程下拉列框中选择“Click”，然后编写事件代码。
图11-20微调控件的使用示例
13．表格（Grid）表格控件是以表格的形式来输出与输入数据。它是由若干的行和列所组成。并且它可以用于显示多表的数据内容。通常使用表格生成器来作相关的设定。例 11.13 建立如图11-21的一个表单，通过表格控件来显示 Class表中的数据。操作步骤如下：（1）在“表单控件工具栏”鼠标左键单击件。（2）在数据环境中添加Class这张表。（3）右键单击表格控件，打开表格生成器，进行相关的设置（参见图11-22）创建一个表格控

VFP数据库系统Visual FoxPro常用的表单控件

第十章常用的表单控件

VFP在面向对象开发环境中，是通过在表单上放置控件来完成信息的输入设计工作的。在设计表单时可以使用两类控件：与表中数据捆绑的控件和不与数据捆绑的控件。所谓捆绑控件是指当输入或选择的值要保存或者被引用时，就需为该控件设置一个数据源，数据源可以是表中的字段或变量。对于数据源是变量或字段的控件，则需要设置控件的ControlSource 属性；若数据源是整个表中的数据，则需要设置RecordSource属性。而非捆绑控件则不与数据源直接捆绑。

10.1 标签控件（Label）

标签控件：它是一个显示文本图形的控件，在设计时可以直接修改其中的文本，标签具有自己的一套属性、事件和方法，能够响应绝大多数鼠标事件，可以在运行时动态地改变标签文本。可以使用TabIndex属性为标签指定一个Tab次序，但标签并不能获得焦点，而是将焦点传递给Tab 键次序中紧跟着标签的下一个控件。

常用的标签属性：

①Caption属性

用于指定标签的标题文本，最多可包含的字符数量为256。标签文本显示在屏幕上以帮助用

户识别各个对象。用户在产生表单或控件对象时，系统给予对象的Caption属性值和Name属性值是相同的，此时用户应特别注意它们的区别。

用户在为控件设置Caption属性时，可以将其中的某个字符作为热键，方法是在该字符前插入一个反斜杠（\）和一个小于号（<）。

②AutoSize属性

该属性用于确定是否根据标题的长度来调整标签的大小。

③Alignment属性

该属性指定标题文本在控件中显示时的对齐方式。对于不同的控件，该属性的设置是有区别的。对于标签，该属性的设置值如下表所示。

表单控件属性与方法总结

表单控件属性与方法总结表单控件属性

表单的文件名：.scx

表单

输出类控件

标签：第一次创建：name:label1

数据绑定时的字段名显示，默认的名称：lbl字段名

图像：image1.

通用型字段中如果存放的是图片，数据绑定指定的控件就是图像控件

线条:line1

形状：shape1

对控件对象的多重选定：shift+选择

输入类控件

文本框：text1

可以接受4种：c n d(t) l。可以作为以上4种数据类型的绑定控件：Txt字段名

方法：表示对象的行为

Setfocus:设置焦点

Thisform.控件名.方法名

事件：

Gotfocus:对象获得焦点时

Lostfocus: 对象失去焦点时

Interactivechange：当键盘或鼠标改变文本框的值时发生

文本框和标签

分别用文本框控件和标签控件显示系统时间，系统日期，系统的日期时间Time()=c型 Date()=d型 Datetime()=t型

文本框用value可以接受c、n、d、l、t

标签用caption接受，只能是c

注意：在属性中设置也要加=

属性设置例子：

THISFORM.TEXT1.VALUE=DATE()

THISFORM.TEXT1.VALUE=DATETIME()

THISFORM.TEXT1.VALUE=TIME()

BEL1.CAPTION=TIME()

BEL1.CAPTION=TTOC(DATETIME())

BEL1.CAPTION=DTOC(DATE())

列表框list1和组合框combo1

1.列表框的列表项全部显示，而组合框只显示一项

2.组合框分为下拉组合框和下拉列表框，前者允许选择和输入数据项，后者和列表框一样只有选取功能

2022年form表单中input控件最详细总结

2022年form表单中input控件最详细总结语法

属性

type：判断输⼊信息的类别，此属性值必须写，不写默认是text⽂本信息（text、password、radio、checkbox...）name：标明该input名称，可⽤于设置radio单选操作

size：输⼊框的长度⼤⼩

maxlength：输⼊框中允许输⼊字符的最⼤数

readonly ：表⽰该框中只能显⽰，不能添加修改

autocomplete ：是否保存⽤户输⼊值，值为on(默认)或off

autofocus ：获取⽂本框焦点

required ：设置⽂本框为必填内容

pattern ：设置正则校验

value：给input输⼊框设置默认值

placeholder：⽂本提⽰信息，⽤来标注该input是⼲啥的

type属性

1.⽂本域（type="text"）

</form>

注意:表单本⾝并不可见。同时，在⼤多数浏览器中，⽂本域的默认宽度是 20 个字符。

2.密码字段（type="password"）

Form控件常用属性和方法

Form控件常⽤属性和⽅法

Name：控件的简要名称，可作为控件的唯⼀标识。

Tag：可存放object对象，⼀般⽤于存储控件的额外信息。

Controls：存放空间所有⼦控件的集合。

Invoke():多线程编程中使⽤，在拥有此控件的基础窗⼝句柄的线程上执⾏指定的委托。

InvokeRequired:多线程编程中使⽤，获取⼀个值，该值指⽰调⽤⽅在对控件进⾏⽅法调⽤时是否必须调⽤Invoke⽅法，因为调⽤⽅位于创建控件所在的县城以外的线程中。

DesignMode：获取⼀个值，⽤以指⽰Component当前是否处于设计模式。

Disposing：获取⼀个值，该值指⽰Control基类是否在释放进程中。

DataBindings：为该控件获取数据绑定。

Cursor：获取或设置当⿏标指针位于控件上显⽰的光标。

Parent：获取或设置控件的⽗容器。

Size：获取或设置控件的⾼度和宽度。

TopLevelControl：获取没有另⼀个Windows窗体控件作为其⽗级的⽗控件。通常，这是控件所在的最外⾯的Form。Width：获取或设置控件的宽度。

IsDisposed获取⼀个值，该值指⽰控件是否已经被释放。

Height：获取或设置控件的⾼度。

DoubleBuffered：获取或设置⼀个值，该值指⽰此控件是否应⽤使⽤辅助缓冲区重获其画⾯，以减少或避免闪烁。BackColor：获取或设置控件的背景颜⾊。

Bounds：获取或设置控件（包括其⾮⼯作区元素）相对于其⽗控件的⼤⼩和位置（以像素为单位）。AllowDrop：获取或设置⼀个值，该值指⽰控件是否可以接受⽤户拖放到它上⾯的数据。

表单与表单控件

提示信息
相当于一个容器，用来容纳所有的表
单控件和提示信息。
表单域表单控件
6
包含了具体的表单功能项，如单行文本输入框、密码输入框、复选框、
提交按钮、重置按钮等。
02
表单的创建
表单的创建
8
知识概述 <form></form>标签用来创建表单。
<form action="url地址" method="提交方式" name="表单名称"> 各种表单控件
表单控件
23
1. input控件
在HTML5中，<input>标签拥有多个type属性值，用于定义不同的控件类型。
<input type="image" src="images/login.gif" />
图像形式的提交按钮 <input type="image" />
图像形式的提交按钮与普通的提交按钮在功能上基本相同，只是它用图像替代了默认的按钮，外观上更加美观。
表单控件
21
1. input控件
在HTML5中，<input>标签拥有多个type属性值，用于定义不同的控件类型。
<input type="submit" />

表单控件常用属性、事件及方法英中对照

VFP表单/控件常用属性、事件及方法英中对照

——属性——

Name：表单或控件名

Caption：标题文字

AutoCenter：自动居中

AutoSize：自动大小

ForeColor：前景色

BackColor：背景色

Closable：可关闭

Movable：可移动

Width：宽度

Height：高度

Icon：图标

Visible：可见

Font*：字体、字号等

Enabled：能用

ButtonCount：命令按钮组、选项组控件中控件的个数

Buttons（1）：命令按钮组、选项组控件中第一个控件；Buttons（2）命令按钮组、选项组控件中第二个控件；……

value：表示组控件中选中的是第几个控件

或文本框中的内容

或列表框中选择的内容

等

PasswordChar：文本框用于输密码时显示的符号

ControlSource：和控件绑定的内存变量或字段SelStart：编辑框中选定内容的开始位置SelLength：编辑框中选定内容的长度SelText：编辑框中选定的内容

ListCount：列表框中可供选择的内容数

List（1）表示列表框中的第一项内容，List（2）表示列表框中的第二项内容，……RowSourceType：列表框中内容的给出方式RowSource：列表框中内容来自的字段名等MultiSelect：1或.t.时允许多项选择

Selected（1）为真，第一项被选；Selected（2）为真，第二项被选；……。

Text：下拉列表框中输入的内容Recordsource：表格控件绑定的表PageCount：页框中页面的个数

element-plus form 字段描述

在Element-Plus 中，el-form 是一个用于创建表单的组件，它提供了一系列字段描述和管理功能。以下是一些关键的字段描述和属性：

1. el-form-item：

label：表单字段的标签文本。

prop：对应数据对象中的属性名，用于双向数据绑定和验证。

rules：验证规则对象或数组，定义了该字段的验证条件和错误提示信息。

2. 表单控件（如el-input、el-select 等）：

v-model：用于双向数据绑定的变量名，通常与el-form-item 的prop 属性相对应。

placeholder：输入框的占位提示文本。

disabled：是否禁用该输入控件。

clearable：是否显示清除按钮，允许用户清除输入内容。

其他特定于控件的属性，如type（输入类型）、multiple（是否多选）、options（下拉选项列表）等。

3. 验证规则：

required：是否必填字段。

pattern：正则表达式，用于检查输入值的格式是否符合要求。

min 和max：用于数字类型的字段，限制输入值的最小值和最大值。

message：当验证失败时显示的错误提示信息。

4. 表单状态和方法：

model：表单数据对象，包含所有表单字段的值。

rules：整个表单的验证规则对象。

validate 方法：用于触发整个表单的验证，并返回一个Promise，解析结果为验证是否通过的对象。

resetFields 方法：重置所有表单字段的值和验证状态。

5. 布局相关属性：

label-width：表单项标签的宽度。

HTML5新增表单控件及属性

全新的input控件类型
15
5. color类型
<input type=“color“/>
email文本框 <input type=“color" />
color类型用于提供设置颜色的文本框，用于实现一个RGB颜色输入。单击color类型文本框，可以快速打开拾色器面板，方便选取一种颜色。
全新的input控件类型
18
8. Date pickers类型
时间和日期类型 date month week time datetime datetime-local
说明选取日、月、年选取月、年选取周和年选取时间（小时和分钟）选取时间、日、月、年（UTC时间）选取时间、日、月、年（本地时间）
02
全新的input属性
学习目标
4
• 掌握表单新增的标签及属性，能够创建具有相应功能的表单控件。
01
全新的form属性
全新的form属性
6
autocomplete属性
• autocomplete属性用于指定表单是否有自动完成功能
novalidate属性
• novalidate属性指定在提交表单时取消对表单进行有效的检查。
02
全新的表单控件
全新的表单控件
8
1. datalist控件

VF中表单的常用属性在这里给大家惊情奉献哦

设计时常用的表单属性，定义表单的外观和行为：

属性说明（默认值）

AlwaysOnTop 控制表单是否总是处在其他打开窗口之上。(.F.)

AutoCenter 控制表单初始化时是否让表单自动地在Visual FoxPro主窗口中居中。(.F.)

BackColor 决定表单窗口的颜色。(255,255,255)

BorderStyle 决定表单是否没有边框，还是具有单线边框、双线边框或系统边框。(3)

Caption 决定表单标题栏显示的文本。(Form1)

Closable 控制用户是否能通过双击“关闭”框来关闭表单。(.T.) DataSession 控制表单或表单集里的表是否能在可全局访问的工作区中打开，或仅能在表单或表单集所属的专有工作区内打开。(1)

MaxButton 控制表单是否具有最大化按钮。(.T.)

MinButton 控制表单是否具有最小化按钮。(.T.)

Movable 控制表单是否能移动到屏幕的新位置。(.T.)

ScaleMode 控制对象的尺寸和位置属性的度量单位是foxels还是像素。由“选项”对话框中的设置决定。

Scrollbars 控制表单所具有的滚动条类型。(0)

TitleBar 控制标题栏是否显示在表单的顶部。(1)

ShowWindow 控制表单是否在屏幕中、悬浮在顶层表单中或作为顶层表单出现。(0)

WindowState 控制表单是否最小化、最大化还是正常状态。(0)

WindowType 控制表单是否非模式表单（默认）还是模式表单。(0)

Form表单的常用属性

Form表单的常用属性：

（1）Name属性：用来获取或设置窗体的名称。

（2）WindowState属性：用来获取或设置窗体的窗口状态。

（3）StartPosition属性：用来获取或设置运行时窗体的起始位置。

（4）Text属性：该属性是一个字符串属性，用来设置或返回在窗口标题栏中显示的文字。

（5）Width属性：用来获取或设置窗体的宽度。

（6）Heigth属性：用来获取或设置窗体的高度。

（7）Left属性：用来获取或设置窗体的左边缘的 x 坐标（以像素为单位）。（8）Top属性：用来获取或设置窗体的上边缘的 y 坐标（以像素为单位）。（9）ControlBox属性：用来获取或设置一个值，该值指示在该窗体的标题栏中是否显示控制框。

（10）MaximumBox属性：用来获取或设置一个值，该值指示是否在窗体的标题栏中显示最大化按钮。

（11）MinimizeBox属性：用来获取或设置一个值，该值指示是否在窗体的标题栏中显示最小化按钮。

（12）AcceptButton属性：该属性用来获取或设置一个值，该值是一个按钮的名称，当用户按 ENTER 键时就相当于单击了窗体上的该按钮。

（13）CancelButton属性：该属性用来获取或设置一个值，该值是一个按钮的名称，当用户按ESC键时就相当于单击了窗体上的该按钮。

（14）Modal属性：该属性用来设置窗体是否为有模式显示窗体。

（15）ActiveControl属性：用来获取或设置容器控件中的活动控件。

（16）ActiveMdiChild属性：用来获取多文档界面(MDI)的当前活动子窗口。（17）AutoScroll属性：用来获取或设置一个值，该值指示窗体是否实现自动滚动。

如何在VBA中创建和操作表单控件

VBA（Visual Basic for Applications）是一种用于在Microsoft Office应用程序中编程和自动化操作的编程语言。它可以用于创建和操作表单控件，使表单交互性增强，并为数据输入和处理提供更好的用户体验。在本文中，我们将学习如何使用VBA在Excel和Word中创建和操作表单控件。

在Excel中创建和操作表单控件

Excel中的表单控件主要用于创建用户界面和收集数据。以下是一些常见的表单控件类型包括：文本框、复选框、下拉列表框和按钮。以下是如何使用VBA在Excel中创建和操作这些控件的步骤：

1. 打开Excel并进入"开发工具"选项卡。如果你的Excel没有显示"开发工具"选项卡，请在"文件"->"选项"->"自定义功能区"中找到"开发工具"并勾选它。

2. 点击"插入"->"控件"下的"表单控件"，然后选择你想要添加的控件类型。

3. 定位控件并调整其大小和位置。可以通过单击和拖拽来改变它们的位置和大小。

4. 右击控件并选择"属性窗格"。在这里，可以设置控件的属性，如名称、默认值和格式等。

5. 在VBA编辑器中插入或打开一个模块。可以通过按下"ALT+F11"快捷键来打开VBA编辑器。

6. 在VBA编辑器中，使用"Sub"关键字和控件名称创建一个事件过程。例如，如果创建一个按钮控件，可以使用以下代码：

```vba

Sub Button1_Click()

' 添加你的VBA代码在这里

End Sub

```

7. 在事件过程中，可以根据你的需求编写VBA代码。例如，可以使用以下代码在文本框中显示当前日期：

表单控件的使用

禁用状态
设置下拉框是否可编辑，如果禁用则用户无法修改选项。
高度
调整下拉框的高度，以适应不同数量的选项。
下拉框控件的使用场景
01
02
03
调查问卷
在调查问卷中，使用下拉框控件可以让用户从限定选项中选择答案，方便数据收集和整理。
登录界面
在登录界面中，使用下拉框控件可以让用户选择要登录的账户或角色。
表单控件的分类
总结词
表单控件可以根据其用途和功能进行分类。
详细描述
根据用途和功能，表单控件可以分为以下几类：输入框、选择器、开关、滑块、上传控件等。每种类型的控件都有其特定的使用场景和功能特点，以满足用户的不同需求。
表单控件的发展历程
总结词
表单控件的发展历程可以追溯到早期的Web开发。
详细描述
01
02
03
04
登录表单
用于获取用户的用户名和密码。
注册表单
用于获取用户的个人信息，如姓名、邮箱等。
搜索框
用于获取用户的搜索关键词。
评论框
用于获取用户的评论或反馈信息。
03
下拉框控件
下拉框控件的概述
定义
下拉框控件是一种常见的表单控件，用户可以从下拉列表中选择一个选项。
特点
与其他控件的区别
文本框控件在不同的操作系统和浏览器中具有一致的表现形式，方便用户输入。

表单控件属性与方法总结

表单控件属性与方法总结表单控件属性

表单的文件名：.scx

表单

输出类控件

标签：第一次创建：name:label1

数据绑定时的字段名显示，默认的名称：lbl字段名

图像：image1.

通用型字段中如果存放的是图片，数据绑定指定的控件就是图像控件

线条:line1

形状：shape1

对控件对象的多重选定：shift+选择

输入类控件

文本框：text1

可以接受4种：c n d(t) l。可以作为以上4种数据类型的绑定控件：Txt字段名

方法：表示对象的行为

Setfocus:设置焦点

Thisform.控件名.方法名

事件：

Gotfocus:对象获得焦点时

Lostfocus: 对象失去焦点时

Interactivechange：当键盘或鼠标改变文本框的值时发生

文本框和标签

分别用文本框控件和标签控件显示系统时间，系统日期，系统的日期时间Time()=c型 Date()=d型 Datetime()=t型

文本框用value可以接受c、n、d、l、t

标签用caption接受，只能是c

注意：在属性中设置也要加=

属性设置例子：

THISFORM.TEXT1.VALUE=DATE()

THISFORM.TEXT1.VALUE=DATETIME()

THISFORM.TEXT1.VALUE=TIME()

BEL1.CAPTION=TIME()

BEL1.CAPTION=TTOC(DATETIME())

BEL1.CAPTION=DTOC(DATE())

列表框list1和组合框combo1

1.列表框的列表项全部显示，而组合框只显示一项

2.组合框分为下拉组合框和下拉列表框，前者允许选择和输入数据项，后者和列表框一样只有选取功能

VFP6表单及控件属性总结

VFP6表单及控件属性一览表

Activate Event 当表单集、表单或页对象激活时、或显示工具栏对象时发生。 ActiveControl 引用一个对象上的活动控件。

ActiveForm 引用表单集或_SCREEN对象中的活动表单对象。

Addobject 在运行时向容器对象中添加一个对象。

AddProperty 向对象添加新属性。

Alignment 控件上正文水平对齐方式。

AlwaysOnBottom 防止其他窗口被表单窗口覆盖。

AlwaysOnTop 防止其他窗口遮挡表单。

Autocenter 指定Form对象在首次显示时，是否自动在VFP主窗口内居中。 AutoSize 控件是否根据正文自动调整大小。

BackColor 指定对象内文本和图形的背景色。

BackStyle 设置背景风格。

BaseClass 指定VFP基类的类名，被引用对象由此基类派生得到。 BorderStyle 指定对象的边框样式。

Box 在表单对象上绘制矩形。

BufferMode 指定记录是保守式更新还是开放式更新。

Caption 指定对象标题文本。

Circle 在表单上绘制圆或弧。

Class 返回派生对象的类的类名。

ClassLibrary 指定用户自定义类库的文件名，该类库包含对象的类。

Click Event 当用户在一个对象上按下并释放鼠标按钮时，或用编程方式触发该事件时发生

ClipControls 指定在Paint事件中，图形方法程序是否会重画整个对象，并且是否创建将非图形控件排除在外的剪切区域。

Closable 指定能否通过双击窗口菜单图标来关闭表单。