一种输入状态迁移处理方法及系统技术方案

本发明专利技术提供了一种输入状态迁移处理方法，包括：页面初始化完成后，对页面节点进行遍历，获取具有输入状态迁移属性的输入框；对具有输入状态迁移属性的输入框进行统一处理；所述处理为：读取超文本标记语言HTML文本中输入框的输入状态迁移属性的属性值，将所述属性值作为默认提示文本填充到输入框，并将输入框与焦点获得事件和焦点失去事件绑定；本发明专利技术还提供一种输入状态迁移处理系统。根据本发明专利技术提供的技术方案，能够提高输入框的输入状态的处理效率。

【技术实现步骤摘要】
【专利摘要】本专利技术提供了一种输入状态迁移处理方法，包括：页面初始化完成后，对页面节点进行遍历，获取具有输入状态迁移属性的输入框；对具有输入状态迁移属性的输入框进行统一处理；所述处理为：读取超文本标记语言HTML文本中输入框的输入状态迁移属性的属性值，将所述属性值作为默认提示文本填充到输入框，并将输入框与焦点获得事件和焦点失去事件绑定；本专利技术还提供一种输入状态迁移处理系统。根据本专利技术提供的技术方案，能够提高输入框的输入状态的处理效率。【专利说明】一种输入状态迁移处理方法及系统【
】本专利技术涉及互联网应用领域，尤其涉及一种输入状态迁移处理方法及系统。【
技术介绍
】目前，在注册微博、注册邮箱、商户中心等各种表单的使用场景中，用户需要通过浏览器显不的表单向相应的服务器提交各种信息，表单由一个或多个输入框或输入控件组成；其中，有批量的信息需要采用输入框的形式让用户输入。在用户未输入信息之前，需要在输入框中显示默认提示文案，例如，用户名输入框的默认提示文案为“请输入您的用户名”，地址输入框的默认提示文案为“请输入您的地址”；当用户点击输入框并开始输入信息时，判断输入框中的信息是否为默认提示文案，如果是，则清空输入框中的信息，如果不是，则保持输入框中的信息不变；当用户未输入信息离开时，默认提示文案应当重新显示在输入框中；当用户输入了信息后离开时，输入框应当保留用户输入的信息。而且输入框中信息的文字样式也随着输入状态的变换而变换，默认提示文案的文字样式与用户输入信息的文字样式应当区别显示，例如，当输入框的信息为默认提示文案时，文字颜色需要显示为灰色，当用户在输入框中输入信息后，用户输入的信息的文字颜色显示为黑色，以防用户混淆。目前对输入状态迁移的处理方法都是对每个输入框的输入状态进行单独检测，根据检测到的不同输入状态采取不同的处理方式，而且不同输入状态下文字需要使用不同的样式；例如，单独检测方式中输入框对象配置为:〈input type=” text” id=” userName，，/>逻辑处理程序中的JavaScript代码为:if (userName的输入框的当前输入值==”请输入您的用户名”){userName的输入框的当前输入值置为空值；}当存在大量输入框时，利用现有的单独检测方式，就需要针对每个输入框都开发一套上述逻辑处理程序，从而导致开发效率较低，耗费较多的人力物力，开发成本较高；而且逻辑处理程序的代码量较大，导致输入状态的检测和处理效率较低；此外，每个输入框的变量都固定在该逻辑处理程序中，不便于对输入框的变量进行修改和扩展。【
技术实现思路
】本专利技术提供了一种输入状态迁移处理方法及系统，能够提高输入框的输入状态的处理效率。本专利技术的具体技术方案如下:根据本专利技术一优选实施例，一种输入状态迁移处理方法，包括:页面初始化完成后，对页面节点进行遍历，获取具有输入状态迁移属性的输入框；对具有输入状态迁移属性的输入框进行统一处理；所述处理为:读取超文本标记语言HTML文本中输入框的输入状态迁移属性的属性值，将所述属性值作为默认提示文本填充到输入框，并将输入框与焦点获得事件和焦点失去事件绑定。上述方法中，所述输入状态迁移属性预先被添加到HTML文本，作为所述HTML文本中输入框的属性。上述方法中，所述输入状态迁移属性包括输入框的默认显示文本属性和输入框的默认显示文本样式属性。上述方法中，所述输入框的默认显示文本属性的属性值为输入框的默认显示文本；所述输入框的默认显示文本样式属性的属性值表示所述默认显示文本的字体样式。上述方法中，获取具有输入状态迁移属性的输入框的方法为:依据预设的输入状态迁移属性的属性名，从HTML文本中获取有输入状态迁移属性的输入框，并将获取到的具有输入状态迁移属性的输入框保存到数组。上述方法中，所述读取HTML文本中输入框的输入状态迁移属性的属性值，将所述属性值作为默认提示文本填充到输入框具体为:依据输入框ID在HTML文本中获得对应的输入框的输入状态迁移属性；读取输入状态迁移属性中默认显示文本属性的属性值，将所述属性值作为该输入框的默认显示文本填充到该输入框中；读取输入状态迁移属性中输入框的默认显示文本样式属性的属性值，依据所述属性值对应的级联样式表CSS样式设置输入框中默认显示文本的字体样式。上述方法中，所述将输入框与焦点获得事件和焦点失去事件绑定具体为:依据输入框ID获得输入框对象，为所述输入框对象添加焦点获得事件函数和焦点失去事件函数；所述焦点获得事件函数包括触发焦点获得事件的动作和触发焦点获得事件后执行的操作，所述焦点失去事件函数包括触发焦点失去事件的动作和触发焦点失去事件后执行的操作。上述方法中，所述触发焦点获得事件后执行的操作为:判断输入框中的文本是否为默认显示文本，如果是，清空输入框中的文本，如果不是，不进行任何处理；所述触发焦点失去事件后执行的操作为:判断输入框中的默认显示文本是否为空，如果为空，读取HTML文本中所述输入框的默认显示文本属性的属性值，将所述属性值作为默认显示文本填充到输入框中，并读取输入状态迁移属性中输入框的默认显示文本样式属性的属性值，依据所述属性值对应的CSS样式设置输入框中默认显示文本的字体样式；如果不为空，不进行任何处理。一种输入状态迁移处理系统，包括:遍历单元、输入状态处理单元；其中，遍历单元，用于在页面初始化完成后，对页面节点进行遍历，获取具有输入状态迁移属性的输入框；输出状态处理单元，用于对具有输入状态迁移属性的输入框进行统一处理；所述处理为:读取超文本标记语言HTML文本中输入框的输入状态迁移属性的属性值，将所述属性值作为默认提示文本填充到输入框，并将输入框与焦点获得事件和焦点失去事件绑定。上述系统中，所述输入状态迁移属性预先被添加到HTML文本，作为所述HTML文本中输入框的属性。上述系统中，所述输入状态迁移属性包括输入框的默认显示文本属性和输入框的默认显示文本样式属性。上述系统中，所述输入框的默认显示文本属性的属性值为输入框的默认显示文本；所述输入框的默认显示文本样式属性的属性值表示所述默认显示文本的字体样式。上述系统中，遍历单元在获取具有输入状态迁移属性的输入框时，具体用于:依据预设的输入状态迁移属性的属性名，从HTML文本中获取有输入状态迁移属性的输入框，并将获取到的具有输入状态迁移属性的输入框保存到数组。上述系统中，所述输入状态处理单元在读取HTML文本中输入框的输入状态迁移属性的属性值，将所述属性值作为默认提示文本填充到输入框时，具体用于:依据输入框ID在HTML文本中获得对应的输入框的输入状态迁移属性； 读取输入状态迁移属性中默认显示文本属性的属性值，将所述属性值作为该输入框的默认显示文本填充到该输入框中；读取输入状态迁移属性中输入框的默认显示文本样式属性的属性值，依据所述属性值对应的级联样式表CSS样式设置输入框中默认显示文本的字体样式。上述系统中，所述输入状态处理单元在将输入框与焦点获得事件和焦点失去事件绑定时，具体用于:依据输入框ID获得输入框对象，为所述输入框对象添加焦点获得事件函数和焦点失去事件函数；所述焦点获得事件函数包括触发焦点获得事件的动作和触发焦点获得事件后执行的操作，所述焦点失去事件函数本文档来自技高网...

【技术保护点】
一种输入状态迁移处理方法，其特征在于，该方法包括：页面初始化完成后，对页面节点进行遍历，获取具有输入状态迁移属性的输入框；对具有输入状态迁移属性的输入框进行统一处理；所述处理为：读取超文本标记语言HTML文本中输入框的输入状态迁移属性的属性值，将所述属性值作为默认提示文本填充到输入框，并将输入框与焦点获得事件和焦点失去事件绑定。

【技术特征摘要】

【专利技术属性】
技术研发人员：雷凯华，白旭，
申请(专利权)人：百度在线网络技术北京有限公司，
类型：发明
国别省市：北京;11