一种输入状态迁移处理方法及系统的制作方法
【专利摘要】本发明提供了一种输入状态迁移处理方法，包括：页面初始化完成后，对页面节点进行遍历，获取具有输入状态迁移属性的输入框；对具有输入状态迁移属性的输入框进行统一处理；所述处理为：读取超文本标记语言HTML文本中输入框的输入状态迁移属性的属性值，将所述属性值作为默认提示文本填充到输入框，并将输入框与焦点获得事件和焦点失去事件绑定；本发明还提供一种输入状态迁移处理系统。根据本发明提供的技术方案，能够提高输入框的输入状态的处理效率。
【专利说明】一种输入状态迁移处理方法及系统
【【技术领域】】
[0001]本发明涉及互联网应用领域，尤其涉及一种输入状态迁移处理方法及系统。
【【背景技术】】
[0002]目前，在注册微博、注册邮箱、商户中心等各种表单的使用场景中，用户需要通过浏览器显不的表单向相应的服务器提交各种信息，表单由一个或多个输入框或输入控件组成；其中，有批量的信息需要采用输入框的形式让用户输入。在用户未输入信息之前，需要在输入框中显示默认提示文案，例如，用户名输入框的默认提示文案为“请输入您的用户名”，地址输入框的默认提示文案为“请输入您的地址”；当用户点击输入框并开始输入信息时，判断输入框中的信息是否为默认提示文案，如果是，则清空输入框中的信息，如果不是，则保持输入框中的信息不变；当用户未输入信息离开时，默认提示文案应当重新显示在输入框中；当用户输入了信息后离开时，输入框应当保留用户输入的信息。而且输入框中信息的文字样式也随着输入状态的变换而变换，默认提示文案的文字样式与用户输入信息的文字样式应当区别显示，例如，当输入框的信息为默认提示文案时，文字颜色需要显示为灰色，当用户在输入框中输入信息后，用户输入的信息的文字颜色显示为黑色，以防用户混淆。
[0003]目前对输入状态迁移的处理方法都是对每个输入框的输入状态进行单独检测，根据检测到的不同输入状态采取不同的处理方式，而且不同输入状态下文字需要使用不同的样式；例如，单独检测方式中输入框对象配置为:
[0004]〈input type=” text” id=” userName，，/>
[0005]逻辑处理程序中的JavaScript代码为:
[0006]if (userName的输入框的当前输入值==”请输入您的用户名”){
[0007]userName的输入框的当前输入值置为空值；
[0008]}
[0009]当存在大量输入框时，利用现有的单独检测方式，就需要针对每个输入框都开发一套上述逻辑处理程序，从而导致开发效率较低，耗费较多的人力物力，开发成本较高；而且逻辑处理程序的代码量较大，导致输入状态的检测和处理效率较低；此外，每个输入框的变量都固定在该逻辑处理程序中，不便于对输入框的变量进行修改和扩展。
【
【发明内容】
】
[0010]本发明提供了一种输入状态迁移处理方法及系统，能够提高输入框的输入状态的处理效率。
[0011]本发明的具体技术方案如下:
[0012]根据本发明一优选实施例，一种输入状态迁移处理方法，包括:
[0013]页面初始化完成后，对页面节点进行遍历，获取具有输入状态迁移属性的输入框；
[0014]对具有输入状态迁移属性的输入框进行统一处理；所述处理为:读取超文本标记语言HTML文本中输入框的输入状态迁移属性的属性值，将所述属性值作为默认提示文本填充到输入框，并将输入框与焦点获得事件和焦点失去事件绑定。
[0015]上述方法中，所述输入状态迁移属性预先被添加到HTML文本，作为所述HTML文本中输入框的属性。
[0016]上述方法中，所述输入状态迁移属性包括输入框的默认显示文本属性和输入框的默认显示文本样式属性。
[0017]上述方法中，所述输入框的默认显示文本属性的属性值为输入框的默认显示文本；
[0018]所述输入框的默认显示文本样式属性的属性值表示所述默认显示文本的字体样式。
[0019]上述方法中，获取具有输入状态迁移属性的输入框的方法为:
[0020]依据预设的输入状态迁移属性的属性名，从HTML文本中获取有输入状态迁移属性的输入框，并将获取到的具有输入状态迁移属性的输入框保存到数组。
[0021]上述方法中，所述读取HTML文本中输入框的输入状态迁移属性的属性值，将所述属性值作为默认提示文本填充到输入框具体为:
[0022]依据输入框ID在HTML文本中获得对应的输入框的输入状态迁移属性；
[0023]读取输入状态迁移属性中默认显示文本属性的属性值，将所述属性值作为该输入框的默认显示文本填充到该输入框中；
[0024]读取输入状态迁移属性中输入框的默认显示文本样式属性的属性值，依据所述属性值对应的级联样式表CSS样式设置输入框中默认显示文本的字体样式。
[0025]上述方法中，所述将输入框与焦点获得事件和焦点失去事件绑定具体为:
[0026]依据输入框ID获得输入框对象，为所述输入框对象添加焦点获得事件函数和焦点失去事件函数；所述焦点获得事件函数包括触发焦点获得事件的动作和触发焦点获得事件后执行的操作，所述焦点失去事件函数包括触发焦点失去事件的动作和触发焦点失去事件后执行的操作。
[0027]上述方法中，所述触发焦点获得事件后执行的操作为:判断输入框中的文本是否为默认显示文本，如果是，清空输入框中的文本，如果不是，不进行任何处理；
[0028]所述触发焦点失去事件后执行的操作为:判断输入框中的默认显示文本是否为空，如果为空，读取HTML文本中所述输入框的默认显示文本属性的属性值，将所述属性值作为默认显示文本填充到输入框中，并读取输入状态迁移属性中输入框的默认显示文本样式属性的属性值，依据所述属性值对应的CSS样式设置输入框中默认显示文本的字体样式；如果不为空，不进行任何处理。
[0029]一种输入状态迁移处理系统，包括:遍历单元、输入状态处理单元；其中，
[0030]遍历单元，用于在页面初始化完成后，对页面节点进行遍历，获取具有输入状态迁移属性的输入框；
[0031]输出状态处理单元，用于对具有输入状态迁移属性的输入框进行统一处理；所述处理为:读取超文本标记语言HTML文本中输入框的输入状态迁移属性的属性值，将所述属性值作为默认提示文本填充到输入框，并将输入框与焦点获得事件和焦点失去事件绑定。
[0032]上述系统中，所述输入状态迁移属性预先被添加到HTML文本，作为所述HTML文本中输入框的属性。
[0033]上述系统中，所述输入状态迁移属性包括输入框的默认显示文本属性和输入框的默认显示文本样式属性。
[0034]上述系统中，所述输入框的默认显示文本属性的属性值为输入框的默认显示文本；
[0035]所述输入框的默认显示文本样式属性的属性值表示所述默认显示文本的字体样式。
[0036]上述系统中，遍历单元在获取具有输入状态迁移属性的输入框时，具体用于:
[0037]依据预设的输入状态迁移属性的属性名，从HTML文本中获取有输入状态迁移属性的输入框，并将获取到的具有输入状态迁移属性的输入框保存到数组。
[0038]上述系统中，所述输入状态处理单元在读取HTML文本中输入框的输入状态迁移属性的属性值，将所述属性值作为默认提示文本填充到输入框时，具体用于:
[0039]依据输入框ID在HTML文本中获得对应的输入框的输入状态迁移属性；
[0040]读取输入状态迁移属性中默认显示文本属性的属性值，将所述属性值作为该输入框的默认显示文本填充到该输入框中；
[0041]读取输入状态迁移属性中输入框的默认显示文本样式属性的属性值，依据所述属性值对应的级联样式表CSS样式设置输入框中默认显示文本的字体样式。
[0042]上述系统中，所述输入状态处理单元在将输入框与焦点获得事件和焦点失去事件绑定时，具体用于:
[0043]依据输入框ID获得输入框对象，为所述输入框对象添加焦点获得事件函数和焦点失去事件函数；所述焦点获得事件函数包括触发焦点获得事件的动作和触发焦点获得事件后执行的操作，所述焦点失去事件函数包括触发焦点失去事件的动作和触发焦点失去事件后执行的操作。
[0044]上述系统中，所述触发焦点获得事件后执行的操作为:判断输入框中的文本是否为默认显示文本，如果是，清空输入框中的文本，如果不是，不进行任何处理；
[0045]所述触发焦点失去事件后执行的操作为:判断输入框中的默认显示文本是否为空，如果为空，读取HTML文本中所述输入框的默认显示文本属性的属性值，将所述属性值作为默认显示文本填充到输入框中，并读取输入状态迁移属性中输入框的默认显示文本样式属性的属性值，依据所述属性值对应的CSS样式设置输入框中默认显示文本的字体样式；如果不为空，不进行任何处理。
[0046]由以上技术方案可以看出，本发明提供的具有以下有益效果:
[0047]本发明的技术方案能够提高页面中输入框的开发效率，降低人力成本和物力成本；处理逻辑需要的属性值只需要在HTML文本中获取即可，方便对输入框的变量进行修改和扩展；能够大大减少逻辑处理程序的代码量，提高了代码的运行效率，实现批量高效的处理。
【【专利附图】
【附图说明】】
[0048]图1是本发明实现输入状态迁移处理方法的优选实施例的流程示意图；
[0049]图2是本发明实现输入状态迁移处理系统的优选实施例的结构示意图。
【【具体实施方式】】
[0050]本发明的基本思想是:页面初始化完成后，对页面节点进行遍历，获取具有输入状态迁移属性的输入框；对具有输入状态迁移属性的输入框进行统一处理；所述处理为:读取超文本标记语言HTML文本中输入框的输入状态迁移属性的属性值，将所述属性值作为默认提示文本填充到输入框，并将输入框与焦点获得事件和焦点失去事件绑定。
[0051]为了使本发明的目的、技术方案和优点更加清楚，下面结合附图和具体实施例对本发明进行详细描述。
[0052]本发明提供一种输入状态迁移处理方法，图1是本发明实现输入状态迁移处理方法的优选实施例的流程示意图，如图1所示，该优选实施例包括以下步骤:
[0053]步骤101，在保存输入框对象的HTML文本中为输入框添加输入状态迁移属性。
[0054]具体的，利用配置信息设置输入状态迁移所需要的属性，配置信息指的是配置在超文本标记语言(HTML, Hypertext Markup Language)文本中的信息，HTML文本中为输入框对象，利用HTML文本中输入框对象可以在页面加载输入框，本优选实施例中，在配置信息中配置输入状态迁移属性，因此，配置的输入状态迁移属性就作为输入框的属性存在，从而实现在输入框的属性中添加输入状态迁移属性，利用该方式为每个需要输入状态迁移机制的输入框都添加输入状态迁移属性；所述输入状态迁移属性包括输入框的默认显示文本属性和输入框的默认显示文本样式属性；所述输入状态迁移属性将在JavaScript代码中使用，在HTML文本中配置该输入状态迁移属性可以方便JavaScript代码调用。
[0055]例如，对于用户名输入框，没有添加输入状态迁移属性的输入框为:
[0056]〈input id=” userName” type=” text，，/>
[0057]添加输入状态迁移属性的输入框为:
[0058]〈input id=” userName” type=” text” defaultValue=” 请输入您的用户名，，defaultStyle=，，gracyText/>
[0059]其中，defaultValue为输入框的默认显示文本属性的属性名，请输入您的用户名为输入框的默认显示文本属性的属性值，表示用户名输入框中的默认显示文本为请输入您的用户名；defaultStyle为输入框的默认显示文本样式属性的属性名，gracyText为输入框的默认显示文本样式属性的属性值，表示用户名输入框中默认显示文本的字体颜色为gracyText,该gracyText在CSS样式中表示灰色；当输入框中的默认显示文本为请输入您的用户名时，该默认显示文本的字体颜色为灰色；这里，defaultValue属性和defaultStyle属性都是配置在ID为userName的输入框上的属性；本优选实施例中，利用HTML文本来实现输入框的输入状态迁移属性的配置，可以非常方便的修改输入状态迁移属性(如defaultValue)的属性值。
[0060]级联样式表(CSS,Cascading Style Sheet)又称为风格样式表(SS, StyleSheet)，用于进行网页风格设计，例如，链接字在未点击时是蓝色，当鼠标移动到链接字上之后变成红色且有下划线，这就是一种风格；CSS代码存储在CSS文件中，CSS文件中定义了很多CSS样式名，在HTML文本中通过页面元素的class属性来关联CSS样式，例如，HTML文本中有输入框:〈input type=”text”class=”blueText”/>,这样输入框就通过class属性关联了样式名为blueText的样式,通过在CSS文件中定义样式名为blueText的样式,就可以控制输入框呈现出CSS所定义的样式。
[0061]例如:有如下CSS代码:
[0062]
【权利要求】
1.一种输入状态迁移处理方法，其特征在于，该方法包括: 页面初始化完成后，对页面节点进行遍历，获取具有输入状态迁移属性的输入框； 对具有输入状态迁移属性的输入框进行统一处理；所述处理为:读取超文本标记语言HTML文本中输入框的输入状态迁移属性的属性值，将所述属性值作为默认提示文本填充到输入框，并将输入框与焦点获得事件和焦点失去事件绑定。
2.根据权利要求1所述的方法，其特征在于，所述输入状态迁移属性预先被添加到HTML文本，作为所述HTML文本中输入框的属性。
3.根据权利要求1所述的方法，其特征在于，所述输入状态迁移属性包括输入框的默认显示文本属性和输入框的默认显示文本样式属性。
4.根据权利要求3所述的方法，其特征在于， 所述输入框的默认显示文本属性的属性值为输入框的默认显示文本； 所述输入框的默认显示文本样式属性的属性值表示所述默认显示文本的字体样式。
5.根据权利要求1所述的方法，其特征在于，获取具有输入状态迁移属性的输入框的方法为: 依据预设的输入状态迁移属性的属性名，从HTML文本中获取有输入状态迁移属性的输入框，并将获取到的具有输入状态迁移属性的输入框保存到数组。
6.根据权利要求1所述的方法，其特征在于，所述读取HTML文本中输入框的输入状态迁移属性的属性值，将所述属性值作为默认提示文本填充到输入框具体为: 依据输入框ID在HTML文本中获得对应的输入框的输入状态迁移属性； 读取输入状态迁移属性中默认显示文本属性的属性值，将所述属性值作为该输入框的默认显示文本填充到该输入框中； 读取输入状态迁移属性中输入框的默认显示文本样式属性的属性值，依据所述属性值对应的级联样式表CSS样式设置输入框中默认显示文本的字体样式。
7.根据权利要求1所述的方法，其特征在于，所述将输入框与焦点获得事件和焦点失去事件绑定具体为: 依据输入框ID获得输入框对象，为所述输入框对象添加焦点获得事件函数和焦点失去事件函数；所述焦点获得事件函数包括触发焦点获得事件的动作和触发焦点获得事件后执行的操作，所述焦点失去事件函数包括触发焦点失去事件的动作和触发焦点失去事件后执行的操作。
8.根据权利要求7所述的方法，其特征在于， 所述触发焦点获得事件后执行的操作为:判断输入框中的文本是否为默认显示文本，如果是，清空输入框中的文本，如果不是，不进行任何处理； 所述触发焦点失去事件后执行的操作为:判断输入框中的默认显示文本是否为空，如果为空，读取HTML文本中所述输入框的默认显示文本属性的属性值，将所述属性值作为默认显示文本填充到输入框中，并读取输入状态迁移属性中输入框的默认显示文本样式属性的属性值，依据所述属性值对应的CSS样式设置输入框中默认显示文本的字体样式；如果不为空，不进行任何处理。
9.一种输入状态迁移处理系统，其特征在于，该系统包括:遍历单元、输入状态处理单元；其中，遍历单元，用于在页面初始化完成后，对页面节点进行遍历，获取具有输入状态迁移属性的输入框； 输出状态处理单元，用于对具有输入状态迁移属性的输入框进行统一处理；所述处理为:读取超文本标记语言HTML文本中输入框的输入状态迁移属性的属性值，将所述属性值作为默认提示文本填充到输入框，并将输入框与焦点获得事件和焦点失去事件绑定。
10.根据权利要求9所述的系统，其特征在于，所述输入状态迁移属性预先被添加到HTML文本，作为所述HTML文本中输入框的属性。
11.根据权利要求9所述的系统，其特征在于，所述输入状态迁移属性包括输入框的默认显示文本属性和输入框的默认显示文本样式属性。
12.根据权利要求11所述的系统，其特征在于， 所述输入框的默认显示文本属性的属性值为输入框的默认显示文本； 所述输入框的默认显示文本样式属性的属性值表示所述默认显示文本的字体样式。
13.根据权利要求9所述的系统，其特征在于，遍历单元在获取具有输入状态迁移属性的输入框时，具体用于: 依据预设的输入状态迁移属性的属性名，从HTML文本中获取有输入状态迁移属性的输入框，并将获取到的具有输入状态迁移属性的输入框保存到数组。
14.根据权利要求9所述的系统，其特征在于，所述输入状态处理单元在读取HTML文本中输入框的输入状态迁移属性的属性值，将所述属性值作为默认提示文本填充到输入框时，具体用于: 依据输入框ID在HTML文本中获得对应的输入框的输入状态迁移属性； 读取输入状态迁移属性中默认显示文本属性的属性值，将所述属性值作为该输入框的默认显示文本填充到该输入框中； 读取输入状态迁移属性中输入框的默认显示文本样式属性的属性值，依据所述属性值对应的级联样式表CSS样式设置输入框中默认显示文本的字体样式。
15.根据权利要求9所述的系统，其特征在于，所述输入状态处理单元在将输入框与焦点获得事件和焦点失去事件绑定时，具体用于: 依据输入框ID获得输入框对象，为所述输入框对象添加焦点获得事件函数和焦点失去事件函数；所述焦点获得事件函数包括触发焦点获得事件的动作和触发焦点获得事件后执行的操作，所述焦点失去事件函数包括触发焦点失去事件的动作和触发焦点失去事件后执行的操作。
16.根据权利要求15所述的系统，其特征在于， 所述触发焦点获得事件后执行的操作为:判断输入框中的文本是否为默认显示文本，如果是，清空输入框中的文本，如果不是，不进行任何处理； 所述触发焦点失去事件后执行的操作为:判断输入框中的默认显示文本是否为空，如果为空，读取HTML文本中所述输入框的默认显示文本属性的属性值，将所述属性值作为默认显示文本填充到输入框中，并读取输入状态迁移属性中输入框的默认显示文本样式属性的属性值，依据所述属性值对应的CSS样式设置输入框中默认显示文本的字体样式；如果不为空，不进行任何处理。
【文档编号】G06F9/44GK104049956SQ201310078543
【公开日】2014年9月17日 申请日期:2013年3月12日 优先权日:2013年3月12日
【发明者】雷凯华, 白旭 申请人:百度在线网络技术（北京）有限公司