Previous topicNext topic
WebBuilderX > 子页面组件元素 > 表单类元素 > 组件使用说明 >
字符输入框

该组件可用的属性如下图:

其中,“绑定字段”只能从表单容器所指定数据表中的字段列表选择;“隐藏类型”选项请参考角色权限控制中的“隐藏”。现重点介绍该组件的其他设置项:

标签文字表示输入框前面的提示文字内容;提示信息表示输入框中的显示信息;标签主题仅在需要特别强调的时候使用;验证规则根据需要选择;内容对齐是指输入内容的对齐方式,包括左中右3种;如果勾选禁止手工输入,则输入框内容只能显示不能修改。

当选定的规则中包含required时,标签文字前面还将自动增加一个星号,表示当前输入框必须要输入。如下图就是页面中的实际效果:

这时如果直接点击数据提交的话,该表单上将给出验证未通过的错误提示,同时编辑框变成告警性质的红色:

如果验证规则中没有required,则姓名标签前面的星号会消失,点击提交也会自动通过。如果选定标签主题,则标签部分会自动加上指定的主题效果。例如,将标签主题选择为“墨绿”,则页面刷新效果如下:

如果你希望调整标签内容的对齐方式,或者希望在标签内容与输入框之间保留一些距离,可以双击其对应的表单容器,在表单属性中设置样式。具体请参考:表单宽度调整。例如,将间隔从默认的0改为10,对齐方式从right改为center,页面刷新后的效果如下:

如果你的标签文字太长或太短,还可以适当修改容器中的标签显示宽度;如要让标签文字统一对齐,只要在输入的标签文字中适当加上空格并让所有的表单标签保持相同的宽度即可。