提示信息的显示方法及装置的制造方法
【专利摘要】本申请实施例涉及一种提示信息的显示方法及装置，包括：将文本输入框对应的提示信息显示在第一预设位置；检测所述文本输入框是否获取到焦点；若所述文本输入框获取到焦点，则将所述提示信息显示在第二预设位置。由此，可以提高输入的流畅度，并且可以提升用户的体验。
【专利说明】
提示信息的显示方法及装置
技术领域
[0001]本申请涉及计算机技术领域，尤其涉及一种提示信息的显示方法及装置。
【背景技术】
[0002]随着互联网的飞速发展，越来越多的用户使用网站执行多种任务。然而当用户打开一个陌生的网站时，往往不知道在网页页面的文本输入框中输入什么样的文本信息，从而造成用户的体验度差的问题。
[0003]现有技术中，是通过浏览器原生的提示(placeholder)向用户提示文本输入框中可以输入的文本信息，该方法在文本输入框中不存在文本信息时，可以显示提示信息，当文本输入框中输入文本信息时，提示信息消失。由此，当用户在文本输入框中输入部分文本信息时，忘记此文本框中应该输入什么样的文本信息时，通常只能通过全选已输入的部分文本信息，执行剪切的操作后(再次显示提示信息)，重新查看提示信息，然后再执行粘贴的操作，重新进行文本信息的输入。
[0004]由此可知，现有技术中当用户在文本输入框中输入文本信息时，不再显示文本输入框对应的提示信息，而当用户想要查看提示信息时，只能通过全选、剪切和粘贴等一系列操作，这影响了输入的流畅度，从而给用户带来较差的体验。
【发明内容】
[0005]本申请实施例提供了一种提示信息的显示方法及装置，可以解决现有技术中当用户在文本输入框中输入文本信息时，不再显示文本输入框对应的提示信息，从而给用户带来较差的体验的问题。
[0006]第一方面，提供了一种提示信息的显示方法，该方法包括:
[0007]将文本输入框对应的提示信息显示在第一预设位置；
[0008]检测所述文本输入框是否获取到焦点；
[0009]若所述文本输入框获取到焦点，则将所述提示信息显示在第二预设位置。
[0010]第二方面，提供了一种提示信息的显示装置，该装置包括:第一显示单元、检测单元和第二显示单元；
[0011]所述第一显示单元，用于将文本输入框对应的提示信息显示在第一预设位置；
[0012]所述检测单元，用于检测所述文本输入框是否获取到焦点；
[0013]所述第二显示单元，用于若所述检测单元检测到所述文本输入框获取到焦点，则将所述提示信息显示在第二预设位置。
[0014]本申请提供的提示信息的显示方法及装置，将文本输入框对应的提示信息显示在第一预设位置；检测所述文本输入框是否获取到焦点；若所述文本输入框获取到焦点，则将所述提示信息显示在第二预设位置。由此，可以提高输入的流畅度，并且可以提升用户的体验。
【附图说明】
[0015]图1为本申请一种实施例提供的提示信息的显示方法流程图；
[0016]图2为本申请的文本输入框的示意图之一；
[0017]图3为本申请的文本输入框的示意图之二；
[0018]图4为本申请的文本输入框的示意图之三；
[0019]图5为本申请的文本输入框的示意图之四；
[0020]图6为本申请的文本输入框的示意图之五；
[0021]图7为本申请的文本输入框的示意图之六；
[0022]图8为本申请的文本输入框的示意图之七；
[0023]图9为本申请的文本输入框的示意图之八；
[0024]图10为本申请的文本输入框的示意图之九；
[0025]图11为本申请的文本输入框的示意图之十；
[0026]图12为本申请另一种实施例提供的提示信息的显示方法流程图；
[0027]图13为本申请再一种实施例提供的提示信息的显示装置示意图。
【具体实施方式】
[0028]为使本申请实施例的目的、技术方案和优点更加清楚，下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。
[0029]为便于对本申请实施例的理解，下面将结合附图以具体实施例做进一步的解释说明，实施例并不构成对本申请实施例的限定。
[0030]本申请实施例提供的提示信息的显示方法及装置，适用于用户在文本输入框中输入文本信息的场景，尤其适用于用户在电子商务网站(如，淘宝网或者京东网等)的文本输入框中输入文本信息的场景。在其他实施方式中，在此提及的提示信息的显示方法及装置也可以适用于即时通信软件(例如，阿里旺旺、腾讯QQ、微信、来往、易信、飞信)等需要输入文本信息的输入框中。
[0031]图1为本申请一种实施例提供的提示信息的显示方法流程图。所述方法的执行主体可以为具有处理能力的设备:服务器或者系统或者装置，如图1所示，所述方法具体可以包括:
[0032]步骤110，将文本输入框对应的提示信息显示在第一预设位置。
[0033]此处，文本输入框可以但不限定为网页页面中的单行文本输入框或者多行文本输入框。举例来说，可以为淘宝网首页页面中的搜索框。文本输入框的提示信息用于向用户提示该文本输入框可输入的文本信息，可以为中文文字，也可以为英文句子或者其他能起到提示作用的信息。第一预设位置可以为文本输入框内默认起始输入位置。在其他实施方式中，在此提及的文本输入框还可以为用户在网站评论区域的输入框，提示信息可以为向用户提示待评价的商品的质量，卖家的服务品质以及物流的服务品质等。
[0034]参见图2所示的本申请的文本输入框的示意图之一，如图2所示，文本输入框为某电子商务网站(例如，WWW.alibaba.com)的首页页面中的搜索框，该文本输入框为单行文本输入框，文本输入框中的英文句子“What are you looking for”为文本输入框的提示信息，用于提示用户在该文本输入框中可以输入任何想查找的宝贝或者商品等。图2中，第一预设位置可以为该文本输入框内默认起始输入位置，也即该文本输入框内左边中间的位置。
[0035]步骤120，检测所述文本输入框是否获取到焦点。
[0036]图2中，当文本输入框中没有光标闪动时，则检测为文本输入框未获取到焦点；当用户点击网页页面中的搜索框时，在该搜索框内默认起始输入位置会有光标闪动，或者按下键盘上的Tab键时，在该搜索框内默认起始输入位置也会有光标闪动，此时，则检测为文本输入框获取到焦点。
[0037]步骤130，若所述文本输入框获取到焦点，则将所述提示信息显示在第二预设位置。
[0038]此处，第二预设位置可以为所述文本输入框内除默认起始输入位置外的其它位置，其中，其它位置可以为如下任一位置:所述文本输入框内右边中间的位置、所述文本输入框内左上方的位置、所述文本输入框内左下方的位置、所述文本输入框内右上方的位置、所述文本输入框内右下方的位置；或者，所述第二预设位置也可以所述文本输入框外的位置，其中，所述文本输入框外的位置可以为以下任一位置:所述文本输入框外上方的位置、所述文本输入框外下方的位置、所述文本输入框外左方的位置以及所述文本输入框外右方的位置。
[0039]此外，提示信息的展示样式可以为如图2所示的灰色字体，在其他实施方式中，可以有多种变形，例如，设定成具有不同透明度的字体等，本申请对此不作限定。
[0040]图3为本申请的文本输入框的示意图之二，如图3所示，当图2中的文本输入框获取到焦点时，也即有光标闪动时，将提示信息“What are you looking for”显示在文本输入框内右边中间的位置。在其他实施方式中，提示信息可以采用多种动效从第一预设位置移动到第二预设位置，例如，可以采用滑动形式，以给用户更好的视觉体验，本申请对此也不作特别限定。
[0041]图4为本申请的文本输入框的示意图之三，如图4所示，当图2中的文本输入框获取到焦点时，也即有光标闪动时，将提示信息“What are you looking for”显示在文本输入框内左上方的位置。
[0042]图5为本申请的文本输入框的示意图之四，如图4所示，当图2中的文本输入框获取到焦点时，也即有光标闪动时，将提示信息“What are you looking for”显示在文本输入框内左下方的位置。
[0043]图6为本申请的文本输入框的示意图之五，如图6所示，当图2中的文本输入框获取到焦点时，也即有光标闪动时，将提示信息“What are you looking for”显示在文本输入框内右上方的位置。
[0044]图7为本申请的文本输入框的示意图之六，如图7所示，当图2中的文本输入框获取到焦点时，也即有光标闪动时，将提示信息“What are you looking for”显示在文本输入框内右下方的位置。
[0045]图8为本申请的文本输入框的示意图之七，如图8所示，当图2中的文本输入框获取到焦点时，也即有光标闪动时，将提示信息“What are you looking for”显示在文本输入框外上方的位置。
[0046]图9为本申请的文本输入框的示意图之八，如图9所示，当图2中的文本输入框获取到焦点时，也即有光标闪动时，将提示信息“What are you looking for”显示在文本输入框外下方的位置。
[0047]图10为本申请的文本输入框的示意图之九，如图10所示，当图2中的文本输入框获取到焦点时，也即有光标闪动时，将提示信息“What are you looking for”显示在文本输入框外左方的位置。
[0048]图11为本申请的文本输入框的示意图之十，如图11所示，当图2中的文本输入框获取到焦点时，也即有光标闪动时，将提示信息“What are you looking for”显示在文本输入框外右方的位置。
[0049]需要说明的是，对图4-7所示的文本输入框，可以适当调整文本输入框的宽度，以使当用户在文本输入框中输入文本信息时，图4-7中的提示信息仍然可见。此处，调整宽度后的文本输入框仍为单行文本输入框，即只能输入一行文本信息。
[0050]可选地，在本申请实施例步骤130之后还包括判断文本输入框是否失去焦点的步骤，通过该步骤，可以对提示信息的显示位置进行灵活切换，从而提高用户的体验度。
[0051]具体步骤如下:
[0052]判断所述文本输入框是否失去焦点；
[0053]如果所述文本输入框失去焦点，则检测所述文本输入框中是否存在文本信息；
[0054]若存在文本信息，则将所述提示信息显示在所述第二预设位置；
[0055]若不存在文本信息，则将所述提示信息显示在所述第一预设位置。
[0056]举例来说，图3中，假设电子商务网站为淘宝网，当用户在文本输入框中输入文本信息“女款保暖上衣”而没有点击搜索时，用户不小心点击了网页的其它位置，此时文本输入框中不再有光标闪动，也即该文本输入框失去了焦点，在文本输入框失去焦点时，判断文本输入框中是否存在文本信息，因为此时文本输入框中存在文本信息，所以将提示信息“What are you looking for”仍然显示在文本输入框内右边中间的位置，也即将提示信息显示在第二预设位置；而当用户将文本输入框中的文本信息“女款保暖上衣”全部删除，并且在文本输入框失去焦点时，由于文本输入框中不存在文本信息，所以将提示信息“Whatare you looking for”显示在文本输入框内默认起始输入位置，也即将提示信息显示在第一预设位置。
[0057]虽然本申请中以图3为例说明了提示信息显示位置的切换，本领域的技术人员还可以依照图3中提示信息的切换方法，实现图4-11中提示信息的切换，在此不作赘述。
[0058]本实施例提供的提示信息的显示方法，将文本输入框对应的提示信息显示在第一预设位置；检测所述文本输入框是否获取到焦点；若所述文本输入框获取到焦点，则将所述提示信息显示在第二预设位置。由此，可以提高输入的流畅度，并且可以提升用户的体验。
[0059]图12为本申请另一种实施例提供的提示信息的显示方法流程图。所述方法的执行主体可以为具有处理能力的设备:服务器或者系统或者装置，如图12所示，所述方法具体可以包括:
[0060]步骤1201，将文本输入框对应的提示信息显示在文本输入框内默认起始输入位置。
[0061]此处，文本输入框可以但不限定为网页页面中的单行文本输入框或者多行文本输入框。举例来说，可以为淘宝网首页页面中的搜索框。文本输入框的提示信息用于向用户提示该文本输入框可输入的文本信息，可以为中文文字，也可以为英文句子或者其他能起到提示作用的信息。在其他实施方式中，在此提及的文本输入框还可以为用户在网站评论区域的输入框，提示信息可以为向用户提示待评价的商品的质量，卖家的服务品质以及物流的服务品质等。
[0062]如图2所示，文本输入框为某电子商务网站的首页页面中的搜索框，该文本输入框为单行文本输入框，文本输入框中的英文句子“What are you looking for”为文本输入框的提示信息，用于提示用户在该文本输入框中可以输入任何想查找的宝贝或者商品等，该提示信息显示在在文本输入框内默认起始输入位置。
[0063]步骤1202，检测所述文本输入框是否获取到焦点。
[0064]图2中，当文本输入框中没有光标闪动时，则检测为文本输入框未获取到焦点；当用户点击网页页面中的文本输入框时，在该文本输入框内默认起始输入位置会有光标闪动，或者按下键盘上的Tab键时，在该文本输入框内默认起始输入位置也会有光标闪动，此时，则检测为文本输入框获取到焦点。
[0065]步骤1203，若所述文本输入框获取到焦点，则将所述提示信息显示在文本输入框内右边中间的位置。
[0066]如图3所示，当图2中的文本输入框获取到焦点时，也即有光标闪动时，将提示信息“What are you looking for”显示在文本输入框内右边中间的位置。
[0067]可选地，在本申请实施例步骤1203之后还包括判断文本输入框是否失去焦点的步骤，通过该步骤，可以对提示信息的显示位置进行灵活切换，从而提高用户的体验度。
[0068]具体步骤如下:
[0069]判断所述文本输入框是否失去焦点；
[0070]如果所述文本输入框失去焦点，则检测所述文本输入框中是否存在文本信息；
[0071]若存在文本信息，则将所述提示信息显示在文本输入框内右边中间的位置；
[0072]若不存在文本信息，则将所述提示信息显示在文本输入框内默认起始输入位置。
[0073]举例来说，图3中，假设电子商务网站为淘宝网，当用户在文本输入框中输入文本信息“女款保暖上衣”而没有点击搜索时，用户不小心点击了网页的其它位置，此时文本输入框中不再有光标闪动，也即该文本输入框失去了焦点，在文本输入框失去焦点时，判断文本输入框中是否存在文本信息，因为此时文本输入框中存在文本信息，所以将提示信息“What are you looking for”仍然显示在文本输入框内右边中间的位置；而当用户将文本输入框中的文本信息“女款保暖上衣”全部删除，并且在文本输入框失去焦点时，由于文本输入框中不存在文本信息，所以将提示信息“What are you looking for”显示在文本输入框内默认起始输入位置。
[0074]步骤1204，在所述文本输入框中输入文本信息时，检测所述文本信息的长度；
[0075]步骤1205，当所述文本信息的长度不小于预设阈值时，则将文本输入框内右边中间的位置显示的所述提示信息删除。
[0076]此处，所述预设阈值是根据所述文本输入框可容纳全部的文本信息的总长度以及所述提示信息的长度计算的。
[0077]其中，根据所述文本输入框可容纳全部的文本信息的总长度以及所述提示信息的长度计算预设阈值包括:
[0078]根据公式I计算预设阈值:
[0079]V = L1-L2(公式 I)
[0080]其中，V为预设阈值，L1为文本输入框可容纳全部的文本信息的总长度，L 2为提示信息的长度1与L2的单位可以但不限定为像素，如图3中，L2的值为24像素。
[0081]举例来说，图3中，假设L1的值为32像素，L2的值为24像素。当文本输入框获取到焦点之后，用户即可在文本输入框中输入文本信息，并且检测文本信息的长度，当文本信息长度达到8像素(32-24)时，也即不小于预设阈值时，则将文本输入框内右边中间的位置显示的提示信息“What are you looking for”删除。
[0082]步骤1206，在删除所述文本输入框中的文本信息时，检测所述文本信息的长度；
[0083]步骤1207，当所述文本信息的长度小于预设阈值时，则将所述提示信息显示在文本输入框内右边中间的位置。
[0084]如前述例子中，在用户删除文本输入框中的文本信息时，检测文本信息的长度，当文本信息的长度为4像素，S卩小于预设阈值(8像素)时，则将提示信息“What are youlooking for”显示在文本输入框内右边中间的位置。
[0085]综上，本实施例提供的提示信息的显示方法，在文本输入框中的文本信息的长度不小于预设阈值时，提示信息消失，而在文本信息的长度小于预设阈值时，重新显示提示信息。由此，用户无需将全部的文本信息进行剪切即可查看文本输入框的提示信息，从而提高了用户的体验度。
[0086]需要说明的是，虽然本申请只是以单行文本输入框为例，说明了提示信息的显示方法，本领域的人员还可以通过本申请的方法实现多行文本框对应的提示信息的显示方法。
[0087]与上述提示信息的显示方法对应地，本申请实施例还提供的一种提示信息的显示装置，如图13所示，该装置包括:第一显示单元1301、检测单元1302和第二显示单元1303。
[0088]第一显示单元1301，用于将文本输入框对应的提示信息显示在第一预设位置。
[0089]检测单元1302，用于检测所述文本输入框是否获取到焦点。
[0090]第二显示单元1303，用于若检测单元1302检测到所述文本输入框获取到焦点，则将所述提示信息显示在第二预设位置。
[0091]其中，所述第一预设位置为所述文本输入框内默认起始输入位置；所述第二预设位置为所述文本输入框内除默认起始输入位置外的其它位置或者所述文本输入框外的位置，其中，所述文本输入框外的位置为以下任一位置:所述文本输入框外上方的位置、所述文本输入框外下方的位置、所述文本输入框外左方的位置以及所述文本输入框外右方的位置。
[0092]可选地，所述装置还包括:判断单元1304，用于判断所述文本输入框是否失去焦占.V，
[0093]检测单元1302，还用于如果判断单元1304判断所述文本输入框失去焦点，则检测所述文本输入框中是否存在文本信息；
[0094]第二显示单元1303，还用于若检测单元1302检测到存在文本信息，则将所述提示信息显示在所述第二预设位置；
[0095]第一显示单元1301，还用于若检测单元1302检测到不存在文本信息，则将所述提示信息显示在所述第一预设位置。
[0096]可选地，所述装置还包括:删除单元1305 ;
[0097]检测单元1302，还用于在所述文本输入框中输入文本信息时，检测所述文本信息的长度；
[0098]删除单元1305，用于当检测单元1302检测的所述文本信息的长度不小于预设阈值时，将所述第二预设位置显示的所述提示信息删除，其中，所述预设阈值是根据所述文本输入框可容纳全部的文本信息的总长度以及所述提示信息的长度计算的。
[0099]可选地，检测单元1302，还用于在删除所述文本输入框中的文本信息时，检测所述文本信息的长度；
[0100]第二显示单元1303，还用于当检测单元1302检测的所述文本信息的长度小于预设阈值时，则将所述提示信息显示在所述第二预设位置。
[0101]本申请再一种实施例提供的装置植入了本申请一种实施例提供的方法，因此，本申请提供的装置的具体工作过程，在此不复赘述。
[0102]本申请提供的提示信息的显示装置，第一显示单元将文本输入框对应的提示信息显示在第一预设位置；检测单元检测所述文本输入框是否获取到焦点；若所述文本输入框获取到焦点，第二显示单元则将所述提示信息显示在第二预设位置。由此，可以提高输入的流畅度，并且可以提升用户的体验。
[0103]专业人员应该还可以进一步意识到，结合本文中所公开的实施例描述的各示例的对象及算法步骤，能够以电子硬件、计算机软件或者二者的结合来实现，为了清楚地说明硬件和软件的可互换性，在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。
[0104]结合本文中所公开的实施例描述的方法或算法的步骤可以用硬件、处理器执行的软件模块，或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。
[0105]以上所述的【具体实施方式】，对本申请的目的、技术方案和有益效果进行了进一步详细说明，所应理解的是，以上所述仅为本申请的【具体实施方式】而已，并不用于限定本申请的保护范围，凡在本申请的精神和原则之内，所做的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。
【主权项】
1.一种提示信息的显示方法，其特征在于，所述方法包括: 将文本输入框对应的提示信息显示在第一预设位置； 检测所述文本输入框是否获取到焦点； 若所述文本输入框获取到焦点，则将所述提示信息显示在第二预设位置。2.根据权利要求1所述的方法，其特征在于，在所述将所述提示信息显示在第二预设位置之后，所述方法还包括: 判断所述文本输入框是否失去焦点； 如果所述文本输入框失去焦点，则检测所述文本输入框中是否存在文本信息； 若存在文本信息，则将所述提示信息显示在所述第二预设位置； 若不存在文本信息，则将所述提示信息显示在所述第一预设位置。3.根据权利要求1或2所述的方法，其特征在于，所述第一预设位置为所述文本输入框内默认起始输入位置；所述第二预设位置为所述文本输入框内除默认起始输入位置外的其它位置或者所述文本输入框外的位置，其中，所述文本输入框外的位置为以下任一位置:所述文本输入框外上方的位置、所述文本输入框外下方的位置、所述文本输入框外左方的位置以及所述文本输入框外右方的位置。4.根据权利要求1所述的方法，其特征在于，当所述第二预设位置为所述文本输入框内除默认起始输入位置外的其它位置时，在所述将所述提示信息显示在第二预设位置之后，所述方法还包括: 在所述文本输入框中输入文本信息时，检测所述文本信息的长度； 当所述文本信息的长度不小于预设阈值时，则将所述第二预设位置显示的所述提示信息删除，其中，所述预设阈值是根据所述文本输入框可容纳全部的文本信息的总长度以及所述提示信息的长度计算的。5.根据权利要求4所述的方法，其特征在于，在所述将所述第二预设位置显示的所述提示信息删除之后，所述方法还包括: 在删除所述文本输入框中的文本信息时，检测所述文本信息的长度； 当所述文本信息的长度小于预设阈值时，则将所述提示信息显示在所述第二预设位置。6.一种提示信息的显示装置，其特征在于，所述装置包括:第一显示单元、检测单元和第二显示单元； 所述第一显示单元，用于将文本输入框对应的提示信息显示在第一预设位置； 所述检测单元，用于检测所述文本输入框是否获取到焦点； 所述第二显示单元，用于若所述检测单元检测到所述文本输入框获取到焦点，则将所述提示信息显示在第二预设位置。7.根据权利要求6所述的装置，其特征在于，所述装置还包括:判断单元，用于判断所述文本输入框是否失去焦点； 所述检测单元，还用于如果所述判断单元判断所述文本输入框失去焦点，则检测所述文本输入框中是否存在文本信息； 所述第二显示单元，还用于若所述检测单元检测到存在文本信息，则将所述提示信息显示在所述第二预设位置； 所述第一显示单元，还用于若所述检测单元检测到不存在文本信息，则将所述提示信息显示在所述第一预设位置。8.根据权利要求6或7所述的装置，其特征在于，所述第一预设位置为所述文本输入框内默认起始输入位置；所述第二预设位置为所述文本输入框内除默认起始输入位置外的其它位置或者所述文本输入框外的位置，其中，所述文本输入框外的位置为以下任一位置:所述文本输入框外上方的位置、所述文本输入框外下方的位置、所述文本输入框外左方的位置以及所述文本输入框外右方的位置。9.根据权利要求6所述的装置，其特征在于，所述装置还包括:删除单元； 所述检测单元，还用于在所述文本输入框中输入文本信息时，检测所述文本信息的长度； 所述删除单元，用于当所述检测单元检测的所述文本信息的长度不小于预设阈值时，将所述第二预设位置显示的所述提示信息删除，其中，所述预设阈值是根据所述文本输入框可容纳全部的文本信息的总长度以及所述提示信息的长度计算的。10.根据权利要求9所述的装置，其特征在于， 所述检测单元，还用于在删除所述文本输入框中的文本信息时，检测所述文本信息的长度； 所示第二显示单元，还用于当所述检测单元检测的所述文本信息的长度小于预设阈值时，则将所述提示信息显示在所述第二预设位置。
【文档编号】G06F3/0481GK105824487SQ201510009688
【公开日】2016年8月3日
【申请日】2015年1月8日
【发明人】瞿宝明
【申请人】阿里巴巴集团控股有限公司