CN114564200A - 一种输入框配置方法、装置、设备及介质 - Google Patents
一种输入框配置方法、装置、设备及介质 Download PDFInfo
- Publication number
- CN114564200A CN114564200A CN202210462971.2A CN202210462971A CN114564200A CN 114564200 A CN114564200 A CN 114564200A CN 202210462971 A CN202210462971 A CN 202210462971A CN 114564200 A CN114564200 A CN 114564200A
- Authority
- CN
- China
- Prior art keywords
- tag
- label
- input box
- input
- selection
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种输入框配置方法、装置、设备及介质,应用于前端设计领域,该方法包括:当接收到用于显示输入框下拉页面的第一命令,则将预设输入框的输入框下拉页面进行显示;输入框下拉页面中包括具有标签选择功能的标签选择框和具有新增标签功能的标签输入框;通过标签输入框接收新增标签数据;当获取到用于触发新增标签事件的第二命令时,则基于新增标签数据生成目标标签,并将目标标签添加至标签选择框中。本申请将用于新建标签的标签输入框直接设置在输入框下拉页面中,直接利用所述标签输入框便可完成标签的新增,并将新增的标签显示在标签选择框中。整个过程中,无需跳转页面便可便捷实现标签的新增,大大提升了新增标签的速度。
Description
技术领域
本发明涉及前端设计领域,特别涉及一种输入框配置方法、装置、设备及介质。
背景技术
现有技术中,在用户对下拉框中的标签进行新建时,需要多次跳转至独立页面才能实现新增标签,其过程繁琐复杂且效率低。
由上可见,在对下拉框中的标签进行新建的过程中,如何避免出现由于多次跳转页面新建标签导致标签新建过程复杂且效率低下的情况是本领域有待解决的问题。
发明内容
有鉴于此,本发明的目的在于提供一种输入框配置方法、装置、设备及介质,能够将输入框固定在下拉框中的指定位置,则可以直接将输入框输入的内容作为新增标签进行新建,避免了现有技术中多次跳转页面新建的过程,提升了工作效率,降低了工作复杂度。其具体方案如下:
第一方面,本申请公开了一种输入框配置方法,包括:
当接收到用于显示输入框下拉页面的第一命令,则将预设输入框的输入框下拉页面进行显示;所述输入框下拉页面中包括具有标签选择功能的标签选择框和具有新增标签功能的标签输入框;
通过所述标签输入框接收新增标签数据;
当获取到用于触发新增标签事件的第二命令时,则基于所述新增标签数据生成目标标签,并将所述目标标签添加至所述标签选择框中。
可选的,所述当接收到用于显示输入框下拉页面的第一命令,则将输入框下拉页面进行显示之前,还包括:
为预设输入框创建与所述预设输入框对应的输入框下拉页面;
在所述输入框下拉页面中添加具有标签选择功能的标签选择框;
在所述输入框下拉页面中添加具有新增标签功能的标签输入框。
可选的,所述在所述输入框下拉页面中添加具有新增标签功能的标签输入框,包括:
在所述输入框下拉页面中创建标签输入框;
确定所述标签输入框在所述输入框下拉页面中所对应的目标显示位置,并将所述标签输入框固定置于所述目标显示位置进行显示。
可选的,所述的输入框配置方法,还包括:
通过所述标签选择框接收标签选择指令,并基于所述标签选择指令确定当前回显标签;
当获取到用于触发标签选定事件的第三命令,则将所述当前回显标签确定为目标回显标签,并将所述目标回显标签对应的标签数据显示至所述预设输入框中。
可选的,所述通过所述标签选择框接收标签选择指令,并基于所述标签选择指令确定回显标签,包括:
对所述标签选择框进行监听,以便实时监听所述标签选择框接收到的标签选择指令;
根据所述标签选择指令确定回显标签。
可选的,所述当获取到用于触发新增标签事件的第二命令时,则基于所述新增标签数据生成目标标签,并将所述目标标签添加至所述标签选择框中之前,还包括:
从所述标签选择框中确定标签添加位置;
相应的,所述将所述目标标签添加至所述标签选择框中,包括:
将所述目标标签添加至所述标签选择框中的所述标签添加位置。
所述将所述目标标签添加至所述标签选择框中之后,还包括:
确定所述目标标签的应用对象;
将所述目标标签按照预设标签发布格式发布至所述应用对象上。
第二方面,本申请公开了一种输入框配置装置,包括:
下拉显示模块,用于当接收到用于显示输入框下拉页面的第一命令,则将预设输入框的输入框下拉页面进行显示;所述输入框下拉页面中包括具有标签选择功能的标签选择框和具有新增标签功能的标签输入框;
数据接收模块,用于通过所述标签输入框接收新增标签数据;
标签添加模块,用于当获取到用于触发新增标签事件的第二命令时,则基于所述新增标签数据生成目标标签,并将所述目标标签添加至所述标签选择框中。
第三方面,本申请公开了一种电子设备,包括:
存储器,用于保存计算机程序;
处理器,用于执行所述计算机程序,以实现前述的输入框配置方法。
第四方面,本申请公开了一种计算机存储介质,用于保存计算机程序;其中,所述计算机程序被处理器执行时实现前述公开的输入框配置方法的步骤。
本申请当接收到用于显示输入框下拉页面的第一命令,则将预设输入框的输入框下拉页面进行显示;所述输入框下拉页面中包括具有标签选择功能的标签选择框和具有新增标签功能的标签输入框;通过所述标签输入框接收新增标签数据;当获取到用于触发新增标签事件的第二命令时,则基于所述新增标签数据生成目标标签,并将所述目标标签添加至所述标签选择框中。这样一来,本申请将用于新建标签的标签输入框直接设置在输入框下拉页面中,在进行标签的新增时,直接利用所述标签输入框便可完成新增,且在标签新增后,会直接将新增的标签显示在标签选择框中,以供用户对标签进行选择。在本方案中的整个标签新增过程中,无需跳转页面便可便捷实现标签的新增,大大提升了新增标签的速度,提升了工作效率。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据提供的附图获得其他的附图。
图1为本申请提供的一种输入框配置方法流程图;
图2为本申请提供的一种输入框示意图;
图3为本申请提供的一种输入框与下拉页面的示意图;
图4为本申请提供的一种具体的输入框配置方法流程图;
图5为本申请提供的一种对应关系示意图;
图6为本申请提供的一种具体的输入框配置方法流程图;
图7为本申请提供的一种标签应用示意图;
图8为本申请提供的一种输入框配置装置结构示意图;
图9为本申请提供的一种电子设备结构图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
现有技术中,在用户对下拉框中的标签进行新建时,需要多次跳转至独立页面才能实现新增标签,其过程繁琐复杂且效率低。在本申请中,将用于新建标签的标签输入框直接设置在输入框下拉页面中,在进行标签的新增时,直接利用所述标签输入框便可完成新增,整个过程中无需跳转页面便可便捷实现标签的新增,大大提升了新增标签的速度,提升了工作效率。
本发明实施例公开了一种输入框配置方法,参见图1所述,该方法包括:
步骤S11:当接收到用于显示输入框下拉页面的第一命令,则将预设输入框的输入框下拉页面进行显示;所述输入框下拉页面中包括具有标签选择功能的标签选择框和具有新增标签功能的标签输入框。
本实施例中,所述当接收到用于显示输入框下拉页面的第一命令,则将输入框下拉页面进行显示之前,还可以包括:为预设输入框创建与所述预设输入框对应的输入框下拉页面;在所述输入框下拉页面中添加具有标签选择功能的标签选择框;在所述输入框下拉页面中添加具有新增标签功能的标签输入框。
可以理解的是,本实施例中所述输入框下拉页面是与所述输入框具有对应关系的,且当接收到用于显示输入框下拉页面的第一命令时,会将输入框的下拉页面进行显示。所述输入框下拉页面中包括两部分:标签选择框和标签输入框,标签选择框具有标签选择功能,标签输入框具有新增标签功能,用户可以在标签输入框中输入想要新增的标签。
需要指出的是,在所述输入框下拉页面不显示时,所述标签选择框与所述标签输入框也是隐藏不显示的(如图2所示)。在所述输入框下拉页面显示时,如图3所示为本实施例提出的一种商品的输入框与商品输入框所对应的输入框下拉页面的示意图,图中“商品标签”右侧所对应的一栏即为本实施例中所述商品输入框,所述商品输入框下方则为本实施例中所述标签选择框(图中可选标签为:无、新品、热卖、清仓、特价)与标签输入框(下拉页面中的最后一行),且所述标签输入框右侧设置了确认按钮,用户在输入想要新增的商品标签后,点击所述确定按钮即可将新增的商品标签添加至标签选择框内。本实施例中所述用于显示输入框下拉页面的第一命令可以是点击图3中商品输入框右侧的用于展开下拉页面的三角符号。
本实施例中,所述输入框配置方法,还可以包括:为所述标签选择框设置页面滚动功能,以便当所述标签选择框内当前全部标签的标签数量大于预设最大标签数量时,则将所述标签选择框设置为可滚动状态。可以理解的是,本实施例为标签选择框设置了页面滚动功能,当标签选择框内当前全部标签的标签数量大于预设最大标签数量时,支持滚动显示多个已有标签。
本实施例中,所述输入框配置方法,还可以包括:通过所述标签选择框接收标签选择指令,并基于所述标签选择指令确定当前回显标签;当获取到用于触发标签选定事件的第三命令,则将所述当前回显标签确定为目标回显标签,并将所述目标回显标签对应的标签数据显示至所述预设输入框中。可以理解的是,所述标签选择框用于选择标签,当用户选择标签时,会将用户选择的标签确定为回显标签,当用户选定标签时,会将当前的回显标签确定为目标回显标签,并将目标回显标签对应的标签数据显示至所述预设输入框中。在一种具体的实施方式中,当用户操作的鼠标光标经过某一标签时,则将此标签确定为回显标签,若用户点击某一标签时,则将此标签确定为目标回显标签,并将其显示至预设的输入框里。
本实施例中,所述通过所述标签选择框接收标签选择指令,并基于所述标签选择指令确定回显标签,可以包括:对所述标签选择框进行监听,以便实时监听所述标签选择框接收到的标签选择指令;根据所述标签选择指令确定回显标签。可以理解的是,在一种具体的实施方式中,在用户选择标签时,鼠标可能会经过多个标签。本方案为所述标签选择框设置监听功能,会实时监听鼠标经过的多个标签,并生成对应的标签选择指令,然后将鼠标当前经过的标签确定为回显标签。
步骤S12:通过所述标签输入框接收新增标签数据。
可以理解的是,用户可以将想要新增的标签输入至标签输入框中,本实施例通过所述标签输入框便可接收到新增的标签数据,以便后续利用所述标签数据生成标签。
步骤S13:当获取到用于触发新增标签事件的第二命令时,则基于所述新增标签数据生成目标标签,并将所述目标标签添加至所述标签选择框中。
本实施例中,所述当获取到用于触发新增标签事件的第二命令时,则基于所述新增标签数据生成目标标签,并将所述目标标签添加至所述标签选择框中之前,还可以包括:从所述标签选择框中确定标签添加位置;相应的,所述将所述目标标签添加至所述标签选择框中,包括:将所述目标标签添加至所述标签选择框中的所述标签添加位置。
可以理解的是,本实施例中可以基于用户自定义新增的新增标签数据生成目标标签,并将目标标签添加到输入框下拉页面中的标签选择框中,用户便可直接从标签选择框中选择新增的标签,在此过程中,还可以根据用户意愿将目标标签添加至标签选择框中的任意位置,例如标签选择框中的开头位置、结尾位置或中间任意位置。
本实施例中,当接收到用于显示输入框下拉页面的第一命令,则将预设输入框的输入框下拉页面进行显示;所述输入框下拉页面中包括具有标签选择功能的标签选择框和具有新增标签功能的标签输入框;通过所述标签输入框接收新增标签数据;当获取到用于触发新增标签事件的第二命令时,则基于所述新增标签数据生成目标标签,并将所述目标标签添加至所述标签选择框中。这样一来,本申请将用于新建标签的标签输入框直接设置在输入框下拉页面中,在进行标签的新增时,直接利用所述标签输入框便可完成新增,且在标签新增后,会直接将新增的标签显示在标签选择框中,以供用户对标签进行选择。在本方案中的整个标签新增过程中,无需跳转页面便可便捷实现标签的新增,大大提升了新增标签的速度,提升了工作效率。
图4为本申请实施例提供的一种具体的输入框配置方法流程图。参见图4所示,该方法包括:
步骤S21:为预设输入框创建与所述预设输入框对应的输入框下拉页面。
在一种具体的实施方式中,在创建商品输入框的输入框下拉页面时,还可以为所述商品输入框设置清除标签功能与搜索功能,所述清除标签功能用于填错时进行一键清除,所述搜索与功能用于当下拉框中标签选项过多时进行搜索选择。
步骤S22:在所述输入框下拉页面中添加具有标签选择功能的标签选择框。
可以理解的是,本步骤为输入框下拉页面中添加标签选择框。此过程中,包括:定义标签选择框,并确定全部的已有标签,然后将所述全部的已有标签以预设的排列顺序置于所述标签选择框中进行显示。
步骤S23:在所述输入框下拉页面中创建标签输入框。
本步骤中在输入框下拉页面中创建标签输入框,其具体步骤可以是在新增标签对应的form表单中添加输入框,以生成标签输入框,此时只是新增了新增标签输入框的样式,但无法将其固定在某个位置。在生成标签输入框后可以设置确定按钮点击触发并对触发操作进行监听。
步骤S24:确定所述标签输入框在所述输入框下拉页面中所对应的目标显示位置,并将所述标签输入框固定置于所述目标显示位置进行显示。
在一种具体的实施方式中,所述目标显示位置包括但不限于输入框下拉页面的顶部或底部。本实施例为所述标签输入框确定目标显示位置,以便标签选择框中的标签项众多的情况下,也可以根据用户意愿,直观地将用于新增标签的标签输入框进行固定展示,大大提高了新增标签的便捷性。
可以理解的是,本实施例可以将所述标签输入框固定置于所述目标显示位置进行显示。
步骤S25:当接收到用于显示输入框下拉页面的第一命令,则将预设输入框的输入框下拉页面进行显示;所述输入框下拉页面中包括具有标签选择功能的标签选择框和具有新增标签功能的标签输入框。
在一种具体的实施方式中,当下拉框出现的时候,可以获取要插入的父元素和子元素,把子元素设置为可见然后插入到父元素下。此时,所述输入框下拉页面为所述父元素,所述标签选择框和标签输入框为所述子元素。图5为本实施例提出的一种对应关系示意图,图中展示了商品输入框1、商品输入框下拉页面2、商品标签选择框3、商品标签输入框4的相对位置与关系,且其中商品输入框下拉页面为父元素,商品标签选择框与商品标签输入框为子元素。
步骤S26:通过所述标签输入框接收新增标签数据。
其中,关于步骤S26的更加具体的处理过程可以参考前述实施例中公开的相应内容,在此不再进行赘述。
步骤S27:当获取到用于触发新增标签事件的第二命令时,则基于所述新增标签数据生成目标标签,并将所述目标标签添加至所述标签选择框中。
在一种具体的实施方式中,本实施例中当通过动态触发handleGoodselect显示事件时,获取my-goodselect类的dom对象,并赋值给partent参数,获取my-addslabel类的dom对象,并赋值给child参数,将child参数存储的dom对象设置为可见,将child的dom对象插入至partent的dom对象尾部,由此实现将新增标签的样式固定在下拉页面的底部。最后,在用户向标签输入框中输入相应的新增标签数据时,并触发确定事件后,捕获到相应的新增标签数据,并基于所述新增标签数据生目标标签添加至下拉页面中的标签选择框中。
下拉页面出现时会触发handleGoodselect事件,获取‘my-goodselect’类的dom元素赋值给父元素参数partent,获取‘my-addslabel’类的dom元素赋值给子元素参数child。其中,‘my-goodselect’包括可滚动部分(即标签选择框中)的多个已有选项,‘my-addslabel’包括新增的自定义标签所对应的选项。可滚动部分存储有多个已有选项,当所述已有选项超过预设个数时,所述标签选择框支持滚动显示多个已有选项。新增的自定义标签的选项可依据用户需求在可滚动部分的开头或结尾或中间位置进行显示。
具体实现源程序如下:
handleGoodselect() {
console.log('下拉框出现');
let partent = document.getElementsByClassName('my-goodselect')[0];
let child = document.getElementsByClassName('my-addslabel')[0];
child.style.visibility = 'visible';
console.log(partent, 'partent');
console.log(child, 'child');
partent.appendChild(child);
}
本实施例通过创建输入下拉页面与标签选择框、标签输入框,实现了js(即JavaScript)给ElementUI Select下拉框组件添加input框使之可以固定在选项底部,且此过程不影响标签选项的滚动。且在标签新增后,会直接将新增的标签显示在标签选择框中,以供用户对标签进行选择。在本方案中的整个标签新增过程中,无需跳转页面便可便捷实现标签的新增,大大提升了新增标签的速度,提升了工作效率。
本发明实施例公开了一种具体的输入框配置方法,参见图6所述,该方法包括:
步骤S31:当接收到用于显示输入框下拉页面的第一命令,则将预设输入框的输入框下拉页面进行显示;所述输入框下拉页面中包括具有标签选择功能的标签选择框和具有新增标签功能的标签输入框。
其中,关于步骤S31的更加具体的处理过程可以参考前述实施例中公开的相应内容,在此不再进行赘述。
步骤S32:通过所述标签输入框接收新增标签数据。
其中,关于步骤S32的更加具体的处理过程可以参考前述实施例中公开的相应内容,在此不再进行赘述。
步骤S33:当获取到用于触发新增标签事件的第二命令时,则基于所述新增标签数据生成目标标签,并将所述目标标签添加至所述标签选择框中。
其中,关于步骤S33的更加具体的处理过程可以参考前述实施例中公开的相应内容,在此不再进行赘述。
步骤S34:确定所述目标标签的应用对象,并将所述目标标签按照预设标签发布格式发布至所述应用对象上。
可以理解的是,本实施例中在将所述目标标签添加至所述标签选择框中之后,还可以对所述目标标签进行应用。具体地,可以先确定所述目标标签的应用对象,在一种具体实施方式中,当所述目标标签应用于商品销售时,所述应用对象可以是特定的商品卡片、具体的门店卡片等,确定所述应用对象后,可以将所述目标标签按照预设的标签发布格式发布至应用对象上,如目标标签设定为“年终特价款”,应用对象为某门店在线商城的商品卡片A和商品卡片B,则“将所述目标标签按照预设标签发布格式发布至所述应用对象上”后,商品卡片A和商品卡片B的均添加了“年终特价款”标签,进一步地,可以在发布前设置:将所述标签放置于商品卡片的左上角进行展示。
具体地,所述确定所述目标标签的应用对象,可以包括:确定目标商品,并确定目标商品的目标卡片,将所述目标卡片作为所述目标标签的应用对象。在确定目标商品之后,还可以确定目标商品对应的商品属性,该商品属性用于辅助商品推荐或目标商品界面显示。进一步地,还可以对所述商品设置是否参与分销,且可以选择将所述目标标签发布到全平台门店或自定义门店。其具体的应用过程如图7所示。
本实施例中提出了一种对所述目标标签进行应用的应用过程,其中包括对所述目标标签进行发布,为所述目标商品设置商品属性以及为所述目标商品设置是否参与分销等过程。由于在本方案中的整个标签新增过程中,大大提升了新增标签的速度,进而缩短了整个标签发布以及标签应用过程的时间,进而提升了工作效率,也实现了目标标签在具体应用对象上的个性化界面显示。
参见图8所示,本申请实施例公开了一种输入框配置装置,具体可以包括:
下拉显示模块11,用于当接收到用于显示输入框下拉页面的第一命令,则将预设输入框的输入框下拉页面进行显示;所述输入框下拉页面中包括具有标签选择功能的标签选择框和具有新增标签功能的标签输入框;
数据接收模块12,用于通过所述标签输入框接收新增标签数据;
标签添加模块13,用于当获取到用于触发新增标签事件的第二命令时,则基于所述新增标签数据生成目标标签,并将所述目标标签添加至所述标签选择框中。
本申请当接收到用于显示输入框下拉页面的第一命令,则将预设输入框的输入框下拉页面进行显示;所述输入框下拉页面中包括具有标签选择功能的标签选择框和具有新增标签功能的标签输入框;通过所述标签输入框接收新增标签数据;当获取到用于触发新增标签事件的第二命令时,则基于所述新增标签数据生成目标标签,并将所述目标标签添加至所述标签选择框中。这样一来,本申请将用于新建标签的标签输入框直接设置在输入框下拉页面中,在进行标签的新增时,直接利用所述标签输入框便可完成新增,且在标签新增后,会直接将新增的标签显示在标签选择框中,以供用户对标签进行选择。在本方案中的整个标签新增过程中,无需跳转页面便可便捷实现标签的新增,大大提升了新增标签的速度,提升了工作效率。
在一些具体实施例中,所述输入框配置装置,还包括:
页面创建单元,用于为预设输入框创建与所述预设输入框对应的输入框下拉页面;
选择框添加单元,用于在所述输入框下拉页面中添加具有标签选择功能的标签选择框;
输入框添加单元,用于在所述输入框下拉页面中添加具有新增标签功能的标签输入框。
在一些具体实施例中,所述输入框添加单元,包括:
输入框创建单元,用于在所述输入框下拉页面中创建标签输入框;
显示位置确定单元,用于确定所述标签输入框在所述输入框下拉页面中所对应的目标显示位置,并将所述标签输入框固定置于所述目标显示位置进行显示。
在一些具体实施例中,所述输入框配置装置,还包括:
标签选择单元,用于通过所述标签选择框接收标签选择指令,并基于所述标签选择指令确定当前回显标签;
标签回显单元,用于当获取到用于触发标签选定事件的第三命令,则将所述当前回显标签确定为目标回显标签,并将所述目标回显标签对应的标签数据显示至所述预设输入框中。
在一些具体实施例中,所述标签选择单元,包括:
指令监听单元,用于对所述标签选择框进行监听,以便实时监听所述标签选择框接收到的标签选择指令;
标签确定单元,用于根据所述标签选择指令确定回显标签。
在一些具体实施例中,所述输入框配置装置,包括:
添加位置确定单元,用于从所述标签选择框中确定标签添加位置;
相应的,所述标签添加模块13中,包括:
目标标签添加单元,用于将所述目标标签添加至所述标签选择框中的所述标签添加位置。
在一些具体实施例中,所述输入框配置装置,还包括:
应用对象确定单元,用于确定所述目标标签的应用对象;
标签发布单元,用于将所述目标标签按照预设标签发布格式发布至所述应用对象上。
进一步的,本申请实施例还公开了一种电子设备,图9是根据示例性实施例示出的电子设备20结构图,图中的内容不能认为是对本申请的使用范围的任何限制。
图9为本申请实施例提供的一种电子设备20的结构示意图。该电子设备20,具体可以包括:至少一个处理器21、至少一个存储器22、电源23、显示屏24、输入输出接口25、通信接口26和通信总线27。其中,所述存储器22用于存储计算机程序,所述计算机程序由所述处理器21加载并执行,以实现前述任一实施例公开的输入框配置方法中的相关步骤。另外,本实施例中的电子设备20具体可以为电子计算机。
本实施例中,电源23用于为电子设备20上的各硬件设备提供工作电压;通信接口26能够为电子设备20创建与外界设备之间的数据传输通道,其所遵循的通信协议是能够适用于本申请技术方案的任意通信协议,在此不对其进行具体限定;输入输出接口25,用于获取外界输入数据或向外界输出数据,其具体的接口类型可以根据具体应用需要进行选取,在此不进行具体限定。
另外,存储器22作为资源存储的载体,可以是只读存储器、随机存储器、磁盘或者光盘等,其上所存储的资源可以包括操作系统221、计算机程序222等,存储方式可以是短暂存储或者永久存储。
其中,操作系统221用于管理与控制电子设备20上的各硬件设备以及计算机程序222,其可以是Windows Server、Netware、Unix、Linux等。计算机程序222除了包括能够用于完成前述任一实施例公开的由电子设备20执行的输入框配置方法的计算机程序之外,还可以进一步包括能够用于完成其他特定工作的计算机程序。
进一步的,本申请还公开了一种计算机可读存储介质,这里所说的计算机可读存储介质包括随机存取存储器(Random Access Memory,RAM)、内存、只读存储器(Read-OnlyMemory,ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、磁碟或者光盘或技术领域内所公知的任意其他形式的存储介质。其中,所述计算机程序被处理器执行时实现前述公开的输入框配置方法。关于该方法的具体步骤可以参考前述实施例中公开的相应内容,在此不再进行赘述。
本说明书中各个实施例采用递进的方式描述,每个实施例重点说明的都是与其它实施例的不同之处,各个实施例之间相同或相似部分互相参见即可。对于实施例公开的装置而言,由于其与实施例公开的方法相对应,所以描述的比较简单,相关之处参见方法部分说明即可。专业人员还可以进一步意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、计算机软件或者二者的结合来实现,为了清楚地说明硬件和软件的可互换性,在上述说明中已经按照功能一般性地描述了各示例的组成及步骤。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本申请的范围。
结合本文中所公开的实施例描述的方法或算法的步骤可以直接用硬件、处理器执行的软件模块,或者二者的结合来实施。软件模块可以置于随机存储器(RAM)、内存、只读存储器(ROM)、电可编程ROM、电可擦除可编程ROM、寄存器、硬盘、可移动磁盘、CD-ROM、或技术领域内所公知的任意其它形式的存储介质中。
最后,还需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
以上对本发明所提供的输入框配置方法、装置、设备、存储介质进行了详细介绍,本文中应用了具体个例对本发明的原理及实施方式进行了阐述,以上实施例的说明只是用于帮助理解本发明的方法及其核心思想;同时,对于本领域的一般技术人员,依据本发明的思想,在具体实施方式及应用范围上均会有改变之处,综上所述,本说明书内容不应理解为对本发明的限制。
Claims (10)
1.一种输入框配置方法,其特征在于,包括:
当接收到用于显示输入框下拉页面的第一命令,则将预设输入框的输入框下拉页面进行显示;所述输入框下拉页面中包括具有标签选择功能的标签选择框和具有新增标签功能的标签输入框;
通过所述标签输入框接收新增标签数据;
当获取到用于触发新增标签事件的第二命令时,则基于所述新增标签数据生成目标标签,并将所述目标标签添加至所述标签选择框中。
2.根据权利要求1所述的输入框配置方法,其特征在于,所述当接收到用于显示输入框下拉页面的第一命令,则将输入框下拉页面进行显示之前,还包括:
为预设输入框创建与所述预设输入框对应的输入框下拉页面;
在所述输入框下拉页面中添加具有标签选择功能的标签选择框;
在所述输入框下拉页面中添加具有新增标签功能的标签输入框。
3.根据权利要求2所述的输入框配置方法,其特征在于,所述在所述输入框下拉页面中添加具有新增标签功能的标签输入框,包括:
在所述输入框下拉页面中创建标签输入框;
确定所述标签输入框在所述输入框下拉页面中所对应的目标显示位置,并将所述标签输入框固定置于所述目标显示位置进行显示。
4.根据权利要求1所述的输入框配置方法,其特征在于,还包括:
通过所述标签选择框接收标签选择指令,并基于所述标签选择指令确定当前回显标签;
当获取到用于触发标签选定事件的第三命令,则将所述当前回显标签确定为目标回显标签,并将所述目标回显标签对应的标签数据显示至所述预设输入框中。
5.根据权利要求4所述的输入框配置方法,其特征在于,所述通过所述标签选择框接收标签选择指令,并基于所述标签选择指令确定回显标签,包括:
对所述标签选择框进行监听,以便实时监听所述标签选择框接收到的标签选择指令;
根据所述标签选择指令确定回显标签。
6.根据权利要求1所述的输入框配置方法,其特征在于,所述当获取到用于触发新增标签事件的第二命令时,则基于所述新增标签数据生成目标标签,并将所述目标标签添加至所述标签选择框中之前,还包括:
从所述标签选择框中确定标签添加位置;
相应的,所述将所述目标标签添加至所述标签选择框中,包括:
将所述目标标签添加至所述标签选择框中的所述标签添加位置。
7.根据权利要求1至6任一项所述的输入框配置方法,其特征在于,所述将所述目标标签添加至所述标签选择框中之后,还包括:
确定所述目标标签的应用对象;
将所述目标标签按照预设标签发布格式发布至所述应用对象上。
8.一种输入框配置装置,其特征在于,包括:
下拉显示模块,用于当接收到用于显示输入框下拉页面的第一命令,则将预设输入框的输入框下拉页面进行显示;所述输入框下拉页面中包括具有标签选择功能的标签选择框和具有新增标签功能的标签输入框;
数据接收模块,用于通过所述标签输入框接收新增标签数据;
标签添加模块,用于当获取到用于触发新增标签事件的第二命令时,则基于所述新增标签数据生成目标标签,并将所述目标标签添加至所述标签选择框中。
9.一种电子设备,其特征在于,包括处理器和存储器;其中,所述处理器执行所述存储器中保存的计算机程序时实现如权利要求1至7任一项所述的输入框配置方法。
10.一种计算机可读存储介质,其特征在于,用于存储计算机程序;其中,所述计算机程序被处理器执行时实现如权利要求1至7任一项所述的输入框配置方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210462971.2A CN114564200A (zh) | 2022-04-29 | 2022-04-29 | 一种输入框配置方法、装置、设备及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210462971.2A CN114564200A (zh) | 2022-04-29 | 2022-04-29 | 一种输入框配置方法、装置、设备及介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114564200A true CN114564200A (zh) | 2022-05-31 |
Family
ID=81721530
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210462971.2A Pending CN114564200A (zh) | 2022-04-29 | 2022-04-29 | 一种输入框配置方法、装置、设备及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114564200A (zh) |
Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020167548A1 (en) * | 2001-05-14 | 2002-11-14 | Murray La Tondra | Method, system, and computer-program product for the customization of drop-down list boxes using hot lists |
CN111177499A (zh) * | 2019-12-27 | 2020-05-19 | 腾讯科技(深圳)有限公司 | 一种标签的添加方法、装置及计算机可读存储介质 |
-
2022
- 2022-04-29 CN CN202210462971.2A patent/CN114564200A/zh active Pending
Patent Citations (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20020167548A1 (en) * | 2001-05-14 | 2002-11-14 | Murray La Tondra | Method, system, and computer-program product for the customization of drop-down list boxes using hot lists |
CN111177499A (zh) * | 2019-12-27 | 2020-05-19 | 腾讯科技(深圳)有限公司 | 一种标签的添加方法、装置及计算机可读存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US8418070B2 (en) | Developing user interface element settings | |
US8296171B2 (en) | User interface for human involved business processes | |
CN108228253A (zh) | 一种app构建方法及系统 | |
US20090235186A1 (en) | Limited-scope rendering | |
US7673245B2 (en) | Converting user interface panels | |
CN112241263A (zh) | 可视化的页面处理方法和设备 | |
CN112241265A (zh) | 可视化的页面处理方法和设备 | |
JP2005513607A (ja) | ウェブサイトのウェブページのユーザフローの追跡 | |
CN116305977A (zh) | 一种虚拟货架构建方法、装置、设备及存储介质 | |
CN114036443A (zh) | 页面生成方法及装置 | |
CN106991110B (zh) | 网页页面的切换方法及装置 | |
US10289388B2 (en) | Process visualization toolkit | |
CN113849713A (zh) | 一种搜索结果展现方法、装置、计算机设备及存储介质 | |
CN114564200A (zh) | 一种输入框配置方法、装置、设备及介质 | |
CN103425388A (zh) | 一种操作html页面宿主窗口的方法和装置 | |
CN114612188A (zh) | 信息处理方法、装置、设备及存储介质 | |
CN105824606A (zh) | 一种滚动输入方法及终端 | |
KR101976306B1 (ko) | 웹 페이지 작성 지원 장치, 및 기억 매체 | |
CN114997126A (zh) | 电子表格展示方法、装置、电子设备及存储介质 | |
JPH10198741A (ja) | 表データ処理装置およびそのプログラム記録媒体 | |
CN114546385A (zh) | 一种着陆页生成方法、装置、设备和存储介质 | |
US20210157476A1 (en) | Interface Controller And Overlay | |
CN112579664A (zh) | 图表联动的处理方法和装置 | |
CN116009863B (zh) | 前端页面渲染方法、设备及存储介质 | |
WO2021176982A1 (ja) | 表示方法、制御プログラム及び装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |