[发明专利]网页中进行文本框输入的方法及装置

说明书

技术领域

本发明涉及网页技术领域，尤其涉及网页中进行文本框输入的方法及装置。

背景技术

网页中常出现文本框，目前，为了美观，文本框只能容下两、三行内容；当文本框不能容纳输入的内容时，则以滚动条的方式显示。

对于输入的内容较少或长度较短的情况，现有方案具有明显的优势，不仅节省空间，还可完全显示所有的内容。当输入的内容较多或较长时，则以滚动条方式进行输入，该方式存在以下缺陷：不能显示出所有的输入内容，且会出现滚动条，通过上下滚动来显示、定位输入的内容，其操作不便。参见图1，为现有技术网页中显示的文本框实例，图中粗线框限定的范围为展示框；在粗线框限定的区域内，点击鼠标，出现闪烁的输入焦点的范围都可以输入文本，将粗线框内能够输入文本的范围称为文本区域；文本区域能够显示的内容最大高度可达到展示框高度。图1中，将长度提示内容显示在文本框的右下角，该实例中长度提示内容为“可输入128字”。

发明人在实际应用中发现，如果能够避免使用滚动条，且结合文本框短小的特点，以适用于输入的内容较少和较多的情况，将进一步满足需求，但目前还没有这方面的技术。

发明内容

本发明提供了一种网页中进行文本框输入的方法，该方法能够结合文本框短小的特点，避免出现滚动条，并能够根据输入的内容实时对文本框进行调整。

本发明提供了一种网页中进行文本框输入的装置，该装置能够结合文本框短小的特点，避免出现滚动条，并能够根据输入的内容实时对文本框进行调整。

一种网页中进行文本框输入的方法，该方法包括：

监听网页中的文本框，获取输入文本框的内容；

根据输入的内容对文本框进行调整，以避免使用滚动条；其中，所述根据输入的内容对文本框进行调整包括：判断输入后的内容高度是否大于展示框高度，如果是，则将展示框高度与设定高度值进行求和，得到求和值，将展示框高度增加为求和值；并将文本区域高度与设定高度值进行求和，得到求和值，将文本区域高度增加为求和值；

将输入的内容显示在展示框中；

将长度提示内容显示在展示框的最末一行；

当确定输入的内容占用长度提示内容所在行的空间时，将展示框高度与设定高度值进行求和，得到求和值，将展示框高度增加为求和值；并将文本区域高度与设定高度值进行求和，得到求和值，将文本区域高度增加为求和值。

一种网页中进行文本框输入的装置，该装置包括文本框监听单元、高度调整单元和显示单元；

所述文本框监听单元，监听网页中的文本框，获取输入文本框的内容，传送给所述显示单元；判断输入后的内容高度是否大于展示框高度，如果是，则向所述高度调整单元发送调整指令；

所述高度调整单元，接收调整指令，根据输入的内容对文本框进行调整，以避免使用滚动条；所述根据输入的内容对文本框进行调整包括：将展示框高度与设定高度值进行求和，得到求和值，将展示框高度增加为求和值；并将文本区域高度与设定高度值进行求和，得到求和值，将文本区域高度增加为求和值；向所述显示单元发送显示指令；

所述显示单元，接收来自所述高度调整单元的显示指令，在展示框中显示来自所述文本框监听单元的内容，将长度提示内容显示在展示框的最末一行；

所述文本框监听单元包括内容监听子单元和覆盖判断子单元；

所述内容监听子单元，监听网页中的文本框，获取输入文本框的内容，传送给所述显示单元和所述覆盖判断子单元；

所述覆盖判断子单元，当确定输入的内容占用长度提示内容所在行的空间时，则向所述高度调整单元发送调整指令。

从上述方案可以看出，在判断出输入后的内容高度大于展示框高度时，将展示框高度与设定高度值进行求和，得到求和值，将展示框高度增加为求和值；并将文本区域高度与设定高度值进行求和，得到求和值，将文本区域高度增加为求和值。本发明中，输入的内容较多时才调整文本框高度，如果输入的内容较少，则不对文本框高度进行调整；这样，根据输入的内容实时对文本框进行调整，避免了滚动条的使用，也结合文本框短小的特点，进一步满足了需求。

附图说明

图1为现有技术网页中显示的文本框实例一；

图2为本发明网页中进行文本框输入的方法示意性流程图；

图3为本发明网页中显示的文本框实例；

图4为现有技术网页中显示的文本框实例二；

图5为本发明网页中进行文本框输入的装置结构示意图。

具体实施方式