腾讯课堂搜“尚识”可以在线学习
所有输入框可以限制用户输入的字符最大长度也就是字符个数,可以通过此方式来要求用户进行简洁信息提交,比如要求标题输入不能超过10个字等功能设计,整体开发过程演示如下:
选中元件---添加最大长度属性名称---添加最大长度数值
主要开发测试步骤:
未限制最大输入字符长度时运行效果
选中元件添加最大长度属性名称
属性值中定义最大长度整数数字
保存运行后测试,只能输入限定的字符数
首先选中输入框元件,添加属性是用点击开发工具的元件选项板下部带“+”号的按钮来弹出属性名称弹窗处理的。限制录入长度的属性名称为“html.maxlength”,字面意思是最大长度,这个名称是固定的,直接添加名即可;在属性值中,可以用整数数字来定义允许的最大长度,示例中是用了3这个数字。
需注意的是此功能适用各类型输入元件,限定对象可以是数字输入元件中数字个数,如0-9的数字;或是文本字符串输入元件中的字符型如abc等;还有如果是中文,此示列中最大3个字符即为最多可输入3个汉字。
除了要求简洁录入时用此功能限定录入长度,如果在数据库中已限制了对应字段最大长度,可以用此功能在用户录入时即做限定及提示,反之如果在录入时不做限制,而在存入数据库时超过库表字段字段长度,运行时会提示存入记录报错信息。