首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

TERSUS画画一样开发软件 显示元件介绍-输入框类显示元件

无代码手机电脑管理类软件开发,其中可拖放使用的输入框类显示元件包括:字符输入框元件(Text Field)、多行文本输入框元件(Text Area)、密码输入框元件(Password Field)、数字输入框元件(Number Field)、日期输入框元件(Date Field)、带标签字符输入框元件(Text Labeled Field)、带标签数字输入框元件(Number Labeled Field)、带标签日期输入框元件(Date Labeled Field)、带标签下拉选择菜单元件(Selection Labeled Field)

各类输入框元件:主要是提供用户在前端输入信息用,即放即用,这些元件直接显示在前端。

1、属性可以定义显示的样式,比如定义宽度大小、边框颜色等,用法与其他元件一样设定属性的“html.style”值即可,同时也可以用“html.maxLength”定义输入值的长短,超过长度则无法输入:

输入框元件属性中样式设定

2、输入框因类型不同,可输入的数据形式固定,比如数字输入框无法录入文字字符;但字符输入框可以输入数字,数据是字符型的;密码输入框输入时不显示内容但显示占位符号;日期选框会出现一个日期选项板(日期格式可改为中文):

日期输入框在前端的效果

3、带标签的输入框只是提供了一个默认的字符标签,命名后标签显示名称;这个标签本身是一个与输入框并行放置的文本显示元件;在使用时也可以直接放一个字符常量显示元件,外加不带标签的输入框;也可以对标签单独进行样式定义处理:

带标签的输入框,标签显示名称

4、输入框中可以添加一个“”的行业处理,当输入完成后回车或TAB键或光标移出点击其他位置时可以触发逻辑处理,比如检查字符输入时是否要求输入的邮箱字符包含有@符号,以及数字输入时是否数字不为零,如果不包含或是零,则提示需重输入:

输入框添加一个逻辑行为

5、支持

、、等H5标签使用:

是将一个常量文本放入,主要是提示输入信息用;可以用于复用模块中,有些无需让用户看见或配合上第4点当某个条件符合时隐去不显示简化用户作业让界面也简单化,传布尔值就可以(在常量元件中有是和否的常量);可以作为是否不让输入任何内容用,布尔值传值给他就行:

输入框中提示信息设定

提示信息用户前端显示

下拉选择菜单元件(Selection Labeled Field):

1、下拉选择菜单元件与以上其他输入元件一样,没有差别,可参考以上处理;

2、下拉选框的中的是选项,可放入多个内容;可以为下拉框添加一个默认的最常用的选项,如下:

下拉菜单选项设定

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180315A1I26100?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券