archives

  1. Home
  2. Knowledge Base
  3. 控件,字段及编辑器
  4. 字段关联的用户控件
  5. 超链接
  1. Home
  2. Knowledge Base
  3. 控件,字段及编辑器
  4. 超链接

超链接是一个用于收集有效的URL或网站地址的控件。超链接指向互联网上的某个位置或本地局域网/磁盘驱动器,用户通过点击一个只读的链接后被定向到该位置。以下是超链接字段在表单上的外观:

专业提示:如果要访问外部资源,一个超链接应包含前缀(例如http://、Https://)。

在表单中加入超链接控件

首先,在控件面板中找到超链接控件,然后将它拖拽到您表单中的合适位置。

超链接的基础设置

打开内容>基础设置面板进行字段的标题设置。关于更多字段标题的信息,请参考:

控件的标题

为超链接字段设置关联变量。当您新增了一个字段,系统会随之自动创建一个默认变量。您可以单击编辑按钮来更新变量标识和变量名称,或者单击重置按钮将该字段绑定到系统中已有的某个变量上。关于更多信息,请参考:

了解表单控件和相关变量/字段

超链接的显示

打开内容>显示面板进行超链接字段的外观和布局设置。

占位符:为超链接字段设置占位符文字。

链接文字:设置超链接的显示文字(例如将“谷歌”设置为链接Https://www.google.com的显示文字)。

新开窗口:设置点击链接时被链接的网站/页面将打开的位置。打开该选项将在浏览器的新选项卡中打开目标URL,否则当前页面将被跳转到目标URL。

显示标题:选择显示或隐藏字段的标题。

允许评论:打开开关将允许用户在该字段上添加评论。

动态显示规则:如果您设置了动态显示规则,该字段将会根据设置的条件与规则动态显示。请参考:创建动态显示规则

超链接的验证

打开内容>验证面板来设置超链接的属性。

只读:打开该开关会使该字段处于只读模式。

必填项:使该字段为必填项。用户将不能在该字段上留空。

默认值:为超链接字段设置一个默认的URL地址。

自定义验证:设置自定义验证规则后,如果规则被满足,一个错误信息将会显示在该字段下。您可以为一个字段创建多条自定义验证规则。更多信息请参考:自定义验证

您可以在表达式编辑器中使用regExpText函数创建自定义验证,以验证URL格式。以下是用于URL验证的regExp示例:

[(http(s)?):\/\/(www.)?a-zA-Z0-9@:%.+~#=]{2,256}.[a-z]{2,6}\b([-a-zA-Z0-9@:%+.~#?&//=]*)

超链接的动作唤起

打开内容>动作面板来唤起一个已定义好的动作。当超链接字段的值发生变更时,这个动作将会被触发。

设计超链接字段

字段-可编辑

打开样式>字段-可编辑面板来设置字段在可编辑状态下的样式。

1. 排版:为字段中的内容设置排版样式。

2. 常规/焦点:为超链接字段的常规以及焦点状态设置不同的样式。以下样式支持常规与焦点状态下的分开设置。  

  • 颜色:选择字段内文字的颜色。
  • 背景颜色:设置字段背景色。背景色默认为透明。
  • 边框类型:选择边框类型,可选择:无边框、实线、双实线、点线、虚线、凹槽。
  • 边框半径:设置边框半径来控制圆角。           
  • 阴影:设置字段的阴影显示。

3. 占位符颜色:对占位符进行颜色设置。

4. 对齐:设置内容的对齐方式。可选择左对齐、居中或者右对齐。

5. 内边距:设置字段的内边距。

6. 字段宽度:设置字段宽度,可按PX或%进行设置。

7. 字段对齐:为字段对齐方式。该设置只有当字段宽度小于外层宽度时才生效。

8. 错误消息:为错误消息设置样式:

  • 排版:为错误消息设置排版。
  • 颜色:为错误消息文字设置颜色。 

字段-只读

打开样式>字段-只读面板来设置字段在只读状态下的样式。

1. 排版:为字段中的内容设置排版样式。

2. 颜色:选择字段内文字的颜色。

3. 背景颜色:设置字段背景色。背景色默认为透明。

4. 对齐:设置内容的对齐方式。可选择左对齐、居中或者右对齐。

5. 内边距:设置字段的内边距。

6. 边框类型:选择边框类型,可选择:无边框、实线、双实线、点线、虚线、凹槽。

7. 边框半径:设置边框半径来控制圆角。

标题样式

控件标题的样式设置请参考:控件的标题

高级设置

控件的高级设置请参考:高级设置

Was this article helpful?