[發明專利]用于表單項提示信息顯示方法及裝置

在審

• 申請號: 201810295876.1
• 申請日: 2018-03-30
• 公開（公告）號: CN110321045A
• 公開（公告）日: 2019-10-11
• 發明（設計）人: 呂文濤
• 申請（專利權）人: 阿里巴巴集團控股有限公司
• 主分類號: G06F3/0483
• 分類號: G06F3/0483;G06F3/0488
• 代理公司: 北京清源匯知識產權代理事務所(特殊普通合伙) 11644
• 代理人: 馮德魁;竇曉慧

本發明公開了一種用于表單項提示信息顯示方法，包括：接收對待輸入表單項輸入區域的觸發操作；判斷所述待輸入表單項是否預設提示信息；若是，則獲取所述待輸入表單項的提示信息，喚出輸入鍵盤，并將所述提示信息顯示于所述輸入鍵盤的預設區域。本發明通過一種用于表單項提示信息顯示方法，在用戶在待輸入表單項的信息輸入框輸入信息時，使提示文字始終保持在輸入鍵盤的預設區域，保證用戶輸入時提示文字的可見性，同時節約屏幕空間。

技術領域

本發明涉及移動端網頁表單領域，具體涉及一種用于表單項提示信息顯示方法。本申請同時涉及一種用于表單項提示信息顯示裝置。

背景技術

許多手機網頁都有需要用戶進行文字輸入的表單項，這些表單項是通過web頁面中的input或textarea元素生成的，主流的表單項分為三個部分：標簽、提示文字和輸入框。為了實現這樣的web頁面界面，開發者在編寫html代碼時通常是利用<input>標簽來生成輸入框，利用<label>標簽生成標簽，而提示文字則是利用<input>標簽的placeholder屬性來生成。利用input標簽的placeholder屬性在輸入框中呈現灰色的提示文本，當用戶在該表單項的輸入框內輸入文字時，提示文字會自動消失，無法起到持續提示的作用。

為了解決這個問題，現有技術是將提示文字固定在頁面中，保證用戶在輸入時也能看見相應的提示文字。

由于移動端相對于PC端來說屏幕尺寸更小，能夠放置的內容也更少，因此在設計表單界面時需要考慮屏幕尺寸對整個界面布局的影響。在頁面中固定提示文字的方式最大的缺點就是占用寶貴的移動端屏幕空間，這個問題在表單元素較多的情況尤其突出。另外在用戶完成表單項的輸入后，提示文字也就沒有存在的意義了。

發明內容

本申請提供一種用于表單項提示信息顯示方法，以解決現有的移動端提示信息顯示方法浪費屏幕空間的問題。本申請另外提供一種用于表單項提示信息顯示裝置。

本申請提供一種用于表單項提示信息顯示方法，包括：

接收對待輸入表單項輸入區域的觸發操作；

判斷所述待輸入表單項是否預設提示信息；

若是，則獲取所述待輸入表單項的提示信息，喚出輸入鍵盤，并將所述提示信息顯示于所述輸入鍵盤的預設區域。

可選的，所述判斷所述待輸入表單項是否預設提示信息步驟之后還包括：

若否，則只喚出所述輸入鍵盤。

可選的，所述判斷所述待輸入表單項是否預設提示信息具體包括：

判斷所述待輸入表單項是否有placeholder屬性；

若有，則提取所述placeholder的值，將所述placeholder的值作為提示信息。

可選的，所述若否，則只喚出所述輸入鍵盤步驟之后還包括：

判斷所述待輸入表單項是否輸入結束；

若結束，則隱藏所述輸入鍵盤，并將在所述輸入鍵盤預設區域顯示的所述提示信息一并隱藏；

若沒有結束，則返回所述判斷所述待輸入表單項是否輸入結束的步驟。

可選的，所述判斷所述待輸入表單項是否預設提示信息步驟之前還包括：

預先配置網頁中所述待輸入表單項的提示信息。

可選的，所述將所述提示信息顯示于所述輸入鍵盤的預設區域步驟之前還包括：

在所述輸入鍵盤的顯示區域劃分所述提示信息顯示的預設區域。

本申請另外提供一種用于表單項提示信息顯示裝置，所述裝置包括：