本發(fā)明涉及計算機顯示技術,尤其涉及一種響應于對輸入框的觸發(fā)的顯示方法和裝置。
背景技術:
在基于輸入框進行輸入的顯示領域,例如圖1所示的包括四個輸入框的表單,在用戶輸入前,所述輸入框內顯示包括用于提示用戶進行輸入的第一內容,如第一行的輸入框內顯示的第一內容“手機號碼”,提示用戶在該輸入框內輸入手機號碼,當用戶通過諸如點擊等操作觸發(fā)所述輸入框時,所述顯示的第一內容通常會消失,以便于用戶基于該輸入框進行輸入。但是,當用戶在填寫多個輸入框后需要返回到某個輸入框來修改之前填寫的信息時,由于在用戶填寫后,輸入框內并無提示用戶進行輸入的第一內容,因而用戶無從知曉修改的信息對應于“電話號碼”還是“密碼”抑或是其他內容,從而需要將輸入框中的信息全部刪除,從而重新顯示輸入框內用于提示用戶進行輸入的第一內容,如此,表單處理效率低,且用戶來回查看提示信息造成大量處理開銷。
技術實現(xiàn)要素:
本發(fā)明的目的之一是降低由于處理用戶來回查看提示信息造成的處理開銷。
根據(jù)本發(fā)明的一個方面,提供了一種響應于對輸入框的觸發(fā)的顯示方法,包括:
顯示輸入框以及輸入框內的第一內容;
響應于對輸入框的觸發(fā),將所述第一內容從所述輸入框內移動到所述輸入框的框外顯示。
根據(jù)本發(fā)明的另一個方面,還提供了一種響應于對輸入框的觸發(fā)的顯示裝置,包括:
第一顯示單元,被配置為顯示輸入框以及輸入框內的第一內容;
第二顯示單元,被配置為響應于對輸入框的觸發(fā),將所述第一內容從所述輸入框內移動到所述輸入框的框外顯示。
由于本發(fā)明實施例在響應于對輸入框的觸發(fā)(諸如點擊、雙擊、觸摸等),并不是將用于提示用戶進行輸入的第一內容隱藏輸入框內,而是將其移動到輸入框外,有利于用戶基于第一內容的提示高效地完成輸入或修改操作,降低由于處理用戶來回查看提示信息造成的處理開銷。
本領域普通技術人員將了解,雖然下面的詳細說明將參考圖示實施例、附圖進行,但本發(fā)明并不僅限于這些實施例。而是,本發(fā)明的范圍是廣泛的,且意在僅通過后附的權利要求限定本發(fā)明的范圍。
附圖說明
通過閱讀參照以下附圖所作的對非限制性實施例所作的詳細描述,本發(fā)明的其它特征、目的和優(yōu)點將會變得更明顯:
圖1示意性地示出了包括四個輸入框的表單的示意圖;
圖2為根據(jù)本發(fā)明一個實施例的響應于對輸入框的觸發(fā)的顯示方法1的流程圖;
圖3為根據(jù)本發(fā)明第二實施例的響應于對輸入框的觸發(fā)的顯示方法1的流程圖;
圖4為根據(jù)本發(fā)明第三實施例的響應于對輸入框的觸發(fā)的顯示方法1的流程圖;
圖5為根據(jù)本發(fā)明第四實施例的響應于對輸入框的觸發(fā)的顯示方法1的流程圖;
圖6為根據(jù)本發(fā)明第五實施例的響應于對輸入框的觸發(fā)的顯示方法1的流程圖;
圖7(a)示出了本發(fā)明一個實施例的在未響應觸發(fā)前所述輸入框及第一內容的示意圖;
圖7(b)示出了本發(fā)明一個實施例的響應于觸發(fā)的所述輸入框的示意圖;
圖7(c)示出了本發(fā)明一個實施例的接收用戶在輸入框中的輸入的示意圖;
圖7(d)示出了本發(fā)明一個實施例的響應用戶輸入完成的輸入框的示意圖;
圖7(e)示出了本發(fā)明另一個實施例的響應于觸發(fā)的所述輸入框的示意圖;
圖8為根據(jù)本發(fā)明一個實施例的響應于對輸入框的觸發(fā)的顯示裝置2的示意性框圖;
圖9為根據(jù)本發(fā)明另一個實施例的響應于對輸入框的觸發(fā)的顯示裝置2的示意性框圖;
附圖中相同或相似的附圖標記代表相同或相似的部件。
具體實施方式
在更加詳細地討論示例性實施例之前應當提到的是,一些示例性實施例被描述成作為流程圖描繪的處理或方法。雖然流程圖將各項操作描述成順序的處理,但是其中的許多操作可以被并行地、并發(fā)地或者同時實施。此外,各項操作的順序可以被重新安排。當其操作完成時所述處理可以被終止,但是還可以具有未包括在附圖中的附加步驟。所述處理可以對應于方法、函數(shù)、規(guī)程、子例程、子程序等等。
在上下文中所稱“計算機設備”,也稱為“電腦”,是指可以通過運行預定程序或指令來執(zhí)行數(shù)值計算和/或邏輯計算等預定處理過程的智能電子設備,其可以包括處理器與存儲器,由處理器執(zhí)行在存儲器中預存的存續(xù)指令來執(zhí)行預定處理過程,或是由ASIC、FPGA、DSP等硬件執(zhí)行預定處理過程,或是由上述二者組合來實現(xiàn)。計算機設備包括但不限于服務器、個人電腦、筆記本電腦、平板電腦、智能手機等。
所述計算機設備包括用戶設備與網(wǎng)絡設備。其中,所述用戶設備包括但不限于電腦、智能手機、PDA等;所述網(wǎng)絡設備包括但不限于單個網(wǎng)絡 服務器、多個網(wǎng)絡服務器組成的服務器組或基于云計算(Cloud Computing)的由大量計算機或網(wǎng)絡服務器構成的云,其中,云計算是分布式計算的一種,由一群松散耦合的計算機集組成的一個超級虛擬計算機。其中,所述計算機設備可單獨運行來實現(xiàn)本發(fā)明,也可接入網(wǎng)絡并通過與網(wǎng)絡中的其他計算機設備的交互操作來實現(xiàn)本發(fā)明。其中,所述計算機設備所處的網(wǎng)絡包括但不限于互聯(lián)網(wǎng)、廣域網(wǎng)、城域網(wǎng)、局域網(wǎng)、VPN網(wǎng)絡等。
需要說明的是,所述用戶設備、網(wǎng)絡設備和網(wǎng)絡等僅為舉例,其他現(xiàn)有的或今后可能出現(xiàn)的計算機設備或網(wǎng)絡如可適用于本發(fā)明,也應包含在本發(fā)明保護范圍以內,并以引用方式包含于此。
后面所討論的方法(其中一些通過流程圖示出)可以通過硬件、軟件、固件、中間件、微代碼、硬件描述語言或者其任意組合來實施。當用軟件、固件、中間件或微代碼來實施時,用以實施必要任務的程序代碼或代碼段可以被存儲在機器或計算機可讀介質(比如存儲介質)中。(一個或多個)處理器可以實施必要的任務。
這里所公開的具體結構和功能細節(jié)僅僅是代表性的,并且是用于描述本發(fā)明的示例性實施例的目的。但是本發(fā)明可以通過許多替換形式來具體實現(xiàn),并且不應當被解釋成僅僅受限于這里所闡述的實施例。
應當理解的是,雖然在這里可能使用了術語“第一”、“第二”等等來描述各個單元,但是這些單元不應當受這些術語限制。使用這些術語僅僅是為了將一個單元與另一個單元進行區(qū)分。舉例來說,在不背離示例性實施例的范圍的情況下,第一單元可以被稱為第二單元,并且類似地第二單元可以被稱為第一單元。這里所使用的術語“和/或”包括其中一個或更多所列出的相關聯(lián)項目的任意和所有組合。
應當理解的是,當一個單元被稱為“連接”或“耦合”到另一單元時,其可以直接連接或耦合到所述另一單元,或者可以存在中間單元。與此相對,當一個單元被稱為“直接連接”或“直接耦合”到另一單元時,則不存在中間單元。應當按照類似的方式來解釋被用于描述單元之間的關系的其他詞語(例如“處于...之間”相比于“直接處于...之間”,“與...鄰近”相比于“與...直接鄰近”等等)。
這里所使用的術語僅僅是為了描述具體實施例而不意圖限制示例性實施例。除非上下文明確地另有所指,否則這里所使用的單數(shù)形式“一個”、“一項”還意圖包括復數(shù)。還應當理解的是,這里所使用的術語“包括”和/或“包含”規(guī)定所陳述的特征、整數(shù)、步驟、操作、單元和/或組件的存在,而不排除存在或添加一個或更多其他特征、整數(shù)、步驟、操作、單元、組件和/或其組合。
還應當提到的是,在一些替換實現(xiàn)方式中,所提到的功能/動作可以按照不同于附圖中標示的順序發(fā)生。舉例來說,取決于所涉及的功能/動作,相繼示出的兩幅圖實際上可以基本上同時執(zhí)行或者有時可以按照相反的順序來執(zhí)行。
下面結合附圖對本發(fā)明作進一步詳細描述。
圖2為根據(jù)本發(fā)明一個實施例的響應于對輸入框的觸發(fā)的顯示方法1的流程圖。
所述輸入框通常響應于用戶基于諸如鍵盤、鼠標、遙控器、觸摸板或手寫裝置與計算機設備的交互,給用戶提供文本信息的輸入。
通常輸入框在表單中的應用比較常見,如圖1所示。所述表單通常用于在網(wǎng)頁中負責信息的采集,其包括表單域和表單按鈕,其中表單域通常表現(xiàn)為輸入框11,而表單按鈕通常表現(xiàn)為提交按鈕12、取消按鈕12等。
所述觸發(fā)主要包括點擊、雙擊、觸摸等操作,通常輸入框響應于這些觸發(fā)后,會呈現(xiàn)輸入光標,以提示用戶在該輸入光標的位置進行文本輸入。
在一個實施例中,所述響應于對輸入框的觸發(fā)的顯示方法由計算機設備執(zhí)行。
在一個實施例中,在未對輸入框觸發(fā)前,所述輸入框內顯示用于提示用戶進行輸入的第一內容,如圖1所示的包括四個輸入框的表單,第一行的輸入框內對應的第一內容為“手機號碼”,第二行的輸入框內對應的第一內容為“短信驗證碼”,第三行的輸入框內對應的第一內容為“密碼”,第四行的輸入框內對應的第一內容為“重復密碼”。
在步驟S101中,顯示輸入框以及輸入框內的第一內容。
在未對輸入框進行觸發(fā)前,所述輸入框及輸入框內的第一內容的顏色 可以都為諸如灰色等相對不顯眼的顏色(如圖7(a)所示),以便于提示用戶輸入框尚未被觸發(fā)。
所述第一內容優(yōu)選為與輸入框對應的名稱,例如對于提示用戶輸入手機號碼的輸入框,在觸發(fā)前,所述輸入框內的第一內容為諸如“手機號碼”、“短信驗證碼”、“密碼”、“廣告投放人群”等等,以提示用戶進行與所述第一內容對應的信息的輸入。
在步驟S102中,響應于對輸入框的觸發(fā),將所述第一內容從所述輸入框內移動到所述輸入框的框外顯示。
所述觸發(fā)主要包括點擊、雙擊、觸摸等操作,通常輸入框響應于這些觸發(fā)后,會呈現(xiàn)輸入光標,以提示用戶在該輸入光標的位置進行文本輸入。
所述第一內容從所述輸入框內到所述輸入框的框外的移動優(yōu)選為逐漸移動,以更好地為用戶呈現(xiàn)所述第一內容的移動方向、移動趨勢。當然,所述第一內容的移動也可以為非逐漸的,例如所述第一內容從所述輸入框內突然消失并突然顯示在所述輸入框的框外。在此,對所述第一內容的移動方式不作限定。
在一個實施例中,在所述第一內容從所述輸入框內到所述輸入框的框外的移動過程中,所述第一內容從所述輸入框內的原位置向所述輸入框的框線移動并進而越過框線逐漸移動至所述輸入框的框外。
為了避免用戶體驗到所述第一內容在移動到框線的位置而與框線疊加顯示所引起的視覺突兀,可選地,在將所述第一內容從所述輸入框內的原位置向所述輸入框的框線移動過程中將所述第一內容的顯示透明度增加,在將所述第一內容繼續(xù)從所述輸入框的框線移動至所述輸入框的框外的過程中將所述第一內容的顯示透明度減小,而所述第一內容在未到達框線的移動過程中其顯示透明度增加,可選地,直到完全透明,從而所述第一內容在已到達框線且繼續(xù)移動到所述輸入框的框外的合適位置時,其透明度又減小,可選地,直到完全顯示。
為了進一步提升用戶的視覺體驗,使用戶感受視覺的連續(xù)變化,可選地,將所述第一內容的顯示透明度增加、以及將所述第一內容的顯示透明度減小是逐漸進行的。
在一個實施例中,如圖3所示,所述顯示方法還包括:
步驟S103,響應于對輸入框的觸發(fā),變更輸入框的顯示顏色。
所述輸入框的顯示顏色的變更可以從圖7(a)所示的輸入框所顯示的諸如灰色等相對不顯眼的顏色變更為圖7(b)所示的輸入框所顯示的其他顏色,諸如藍色等相對更顯眼的顏色,從而引起用戶注意到所述輸入框已被觸發(fā)。由于表單上其它不正在接收用戶輸入信息的輸入框仍是例如灰色等相對不顯眼的顏色,將目前正在輸入的輸入框改變成藍色等相對更顯眼的顏色,達到突出頁面上正在處理的內容的有益效果。
在一個實施例中,上述步驟S102的步驟還可以包括:
變更移動到所述輸入框的框外顯示的第一內容的顯示顏色。
所述第一內容的顏色的變更可以逐漸進行,從其位于所述輸入框內的原位置時的顏色逐漸向另一顏色過渡,直到所述第一內容移動至所述輸入框的框外的合適位置,完全以另一顏色顯示;當然,所述第一內容的顏色也可以突變。
另外,為了使用戶更好地注意到輸入框及對應的第一內容所構成的整體,所述移動到所述輸入框的框外的第一內容的顯示顏色與上述步驟S103中輸入框變更后的顯示顏色相同,例如,都為圖7(b)所示的顏色,諸如都為藍色。
為了適應人眼從上往下看的瀏覽習慣,可選地,所述將所述第一內容從所述輸入框內移動到所述輸入框的框外顯示(S102)的步驟包括:
-將所述第一內容從所述輸入框內移動到所述輸入框的框外上方顯示,(如圖7(b)所示)。
由此,用戶在輸入框進行輸入時,可以很方便地參考輸入框的框外上方顯示的第一內容進行正確地輸入。
在一個實施例中,如圖4所示,所述顯示方法1還可以包括:
步驟S104,接收用戶在輸入框的輸入(如圖7(c)所示)。
所述步驟S104可以通過用戶與計算機設備的交互方式實現(xiàn),包括但不限于基于鍵盤、鼠標、遙控器、觸摸板或手寫設備等輸入工具,并基于瀏覽器軟件、應用程序或客戶端軟件等為用戶提供輸入框來進行輸入操作, 通過頁面技術,如JSP、ASP、PHP技術,或者通過調用設備提供的應用程序接口(API),實時接收用戶在輸入框中的輸入,例如,接收用戶在輸入框中的輸入“中國大陸一線城市人群”。
本領域技術人員應能理解上述獲取輸入的方式僅為舉例,其他現(xiàn)有的或今后可能出現(xiàn)的獲取輸入的方式如可適用于本發(fā)明,也應包含在本發(fā)明保護范圍以內,并在此以引用方式包含于此。
步驟S105,響應于所述輸入的完成,將輸入框的顯示顏色變更回對輸入框觸發(fā)之前的輸入框的顯示顏色。
在輸入的過程中,如圖7(c)所示,響應于用戶的所述輸入“中國大陸一線”后繼續(xù)響應于用戶在該輸入框內進行輸入“城市人群”??蛇x地,在輸入開始至輸入未完成的過程中,對應的所述輸入框及第一內容的顏色和透明度都不改變,以避免對用戶的輸入造成視覺干擾。
所述輸入的完成可以通過對所述輸入是否符合預定的內容格式來判定,所述內容格式包括但不限于字體的語言種類(諸如漢字、英文)、內容的長度(諸如8~12位)等。所述輸入的完成也可以通過在輸入框的附近設置“完成”按鈕,并通過接收到用戶對該按鈕的觸發(fā)來判斷(圖中未示)。
在一個實施例中,為了使用戶更清楚地知曉輸入框的內容是否輸入完整,響應于所述輸入的完成,將輸入框的顯示顏色變更回對輸入框觸發(fā)之前的輸入框的顯示顏色(如圖7(d)所示),例如從圖7(b)所示的顏色(諸如藍色)變更回圖7(a)所示的顏色(諸如灰色),至此,所述輸入框的顯示顏色經(jīng)歷了兩次變化,一次從圖7(a)所示的顏色變更為圖7(b)所示的顏色,另一次從圖7(b)所示的顏色(諸如藍色)變更回圖7(a)所示的顏色(諸如灰色),由此,圖7(d)中的輸入框的顏色同于圖7(a)中的輸入框的顏色。由此,以便于用戶知曉該輸入框的輸入完成后,順利進行下一輸入框的輸入。
在另一個實施例中,請參考圖5,所述顯示方法1同樣還包括上述步驟S104,接收用戶在輸入框的輸入,除此以外,為了在用戶輸入完成后,更好地提升用戶對已完成的輸入以及對應的輸入框和對應的第一內容的整體視覺效果,所述顯示方法1還可以包括:
步驟S106,響應于所述輸入的完成,將第一內容的顯示顏色變更回對輸入框觸發(fā)之前的第一內容的顯示顏色(如圖7(d)所示)。
至此,所述第一內容的顯示顏色經(jīng)歷了兩次變化,例如,一次從圖7(a)所示的顏色(諸如灰色)變更為圖7(b)所示的顏色(諸如藍色),另一次從圖7(b)所示的顏色(諸如藍色)變更回圖7(d)所示的顏色(諸如灰色),由此,圖7(d)中的第一內容“人群名稱”的顏色同于圖7(a)中的第一內容“人群名稱”的顏色。
在一個實施例中,當存在所述第一內容之外的第二內容時,例如,第一內容為輸入框對應的名稱,諸如“人群名稱”,第二內容為輸入框對應的用于引導用戶進行輸入的提示信息,諸如“請輸入選擇要投放的人群”,由此,第一內容和第二內容的顯示結合更有利于提示用戶在輸入框內進行正確的輸入,如圖6所示,所述顯示方法1還包括步驟S107。
在步驟S107中,響應于對輸入框的觸發(fā),在所述輸入框的框外顯示第二內容。
為了更好地提升用戶的視覺體驗,所述第二內容和所述第一內容分別顯示在不同的位置,請參考圖7(e),例如響應于對輸入框的觸發(fā),第一內容“人群名稱”顯示在所述輸入框的框外的上方,第二內容“請輸入選擇要投放的人群”顯示在所述輸入框的框外的右方。
為了使多個輸入框組成的表單的界面更簡潔,在響應于對輸入框的觸發(fā),在所述輸入框的框外顯示第二內容的情況下,所述顯示方法1還可以包括:
步驟S104,接收用戶在輸入框的輸入(同上)。
步驟S108(未示出),響應于所述輸入的完成,隱藏所述顯示的第二內容。
由此,當響應于用戶在某個輸入框的輸入的完成,隱藏所述輸入框對應的第二內容,使該輸入框看上去更簡潔。換言之,響應于用戶的輸入的完成,對應的第二內容隱藏,僅顯示與該輸入對應的輸入框、第一內容及輸入框內的輸入。
以圖7(e)為例,當響應于用戶在該輸入框內完成的輸入“中國大陸 一線城市人群”,所述第二內容“請輸入選擇要投放的人群”隱藏,由此,所述圖7(e)變化至圖7(d)。
圖8為根據(jù)本發(fā)明一個實施例的響應于對輸入框的觸發(fā)的顯示裝置2的框圖。
顯示裝置2可以為具有顯示功能并適用于本發(fā)明實施例的功能裝置,例如指通過運行預定程序或指令來執(zhí)行顯示功能的裝置。
所述輸入框通常響應于用戶基于諸如鍵盤、鼠標、遙控器、觸摸板或手寫裝置與計算機設備的交互,給用戶提供文本信息的輸入。
通常輸入框在表單中的應用比較常見,如圖1所示。所述表單通常用于在網(wǎng)頁中負責信息的采集,包括表單域和表單按鈕,其中表單域通常表現(xiàn)為輸入框11,而表單按鈕通常表現(xiàn)為提交按鈕12、取消按鈕12等。
所述觸發(fā)主要包括點擊、雙擊、觸摸等操作,通常輸入框響應于這些觸發(fā)后,會呈現(xiàn)輸入光標,以提示用戶在該輸入光標的位置進行文本輸入。
在一個實施例中,在未對輸入框觸發(fā)前,所述輸入框內顯示用于提示用戶進行輸入的第一內容,如圖1所示的包括四個輸入框的表單,第一行的輸入框內對應的第一內容為“手機號碼”,第二行的輸入框內對應的第一內容為“短信驗證碼”,第三行的輸入框內對應的第一內容為“密碼”,第四行的輸入框內對應的第一內容為“重復密碼”。
第一顯示單元201顯示輸入框以及輸入框內的第一內容。
在未對輸入框進行觸發(fā)前,所述第一顯示單元201顯示輸入框及輸入框內的第一內容的顏色可以都為諸如灰色等相對不顯眼的顏色(如圖7(a)所示),以便于提示用戶輸入框尚未被觸發(fā)。
所述第一內容優(yōu)選為與輸入框對應的名稱,例如對于提示用戶輸入手機號碼的輸入框,在觸發(fā)前,所述輸入框內的第一內容為諸如“手機號碼”、“短信驗證碼”、“密碼”、“廣告投放人群”等等,以提示用戶進行與所述第一內容對應的信息的輸入。
第二顯示單元202響應于對輸入框的觸發(fā),將所述第一內容從所述輸入框內移動到所述輸入框的框外顯示。
所述觸發(fā)主要包括點擊、雙擊、觸摸等操作,通常輸入框響應于這些觸發(fā)后,會呈現(xiàn)輸入光標,以提示用戶在該輸入光標的位置進行文本輸入。
所述第一內容從所述輸入框內到所述輸入框的框外的移動優(yōu)選為逐漸移動,以更好地為用戶呈現(xiàn)所述第一內容的移動方向、移動趨勢。當然,所述第一內容的移動也可以為非逐漸的,例如所述第一內容從所述輸入框內突然消失并突然顯示在所述輸入框的框外。在此,對所述第一內容的移動方式不作限定。
在一個實施例中,在所述第一內容從所述輸入框內到所述輸入框的框外的移動過程中,所述第一內容從所述輸入框內的原位置向所述輸入框的框線移動并進而越過框線逐漸移動至所述輸入框的框外。
為了避免用戶體驗到所述第一內容在移動到框線的位置而與框線疊加顯示所引起的視覺突兀,可選地,所述第二顯示單元202被配置為:
-響應于對輸入框的觸發(fā),
-將所述第一內容從所述輸入框內的原位置向所述輸入框的框線移動且將所述第一內容的顯示透明度增加;
-將所述第一內容繼續(xù)從所述輸入框的框線移動至所述輸入框的框外且將所述第一內容的顯示透明度減小。
通過本實施例,所述第二顯示單元202在所述第一內容在未到達框線的移動過程中將其顯示透明度增加,可選地,直到完全透明,而所述第二顯示單元202在所述第一內容在已到達框線且繼續(xù)移動到所述輸入框的框外的合適位置時,將其透明度又減小,可選地,直到完全顯示。
為了進一步提升用戶的視覺體驗,使用戶感受視覺的連續(xù)變化,可選地,所述第二顯示單元202將所述第一內容的顯示透明度增加、以及所述第二顯示單元202將所述第一內容的顯示透明度減小是逐漸進行的。
在一個實施例中,為了更引起用戶注意到所述輸入框已被觸發(fā),所述第二顯示單元202還被配置為:
-響應于對輸入框的觸發(fā),變更輸入框的顯示顏色。
例如,所述顯示單元202將所述輸入框的顯示顏色從圖7(a)所示的輸入框所顯示的諸如灰色等相對不顯眼的顏色變更為圖7(b)所示的輸入 框所顯示的其他顏色,諸如藍色等相對更顯眼的顏色,從而引起用戶注意到所述輸入框已被觸發(fā)。由于表單上其它不正在接收用戶輸入信息的輸入框仍是例如灰色等相對不顯眼的顏色,將目前正在輸入的輸入框改變成藍色等相對更顯眼的顏色,達到突出頁面上正在處理的內容的有益效果。
在一個實施例中,所述第二顯示單元202還被配置為:
-變更移動到所述輸入框的框外顯示的第一內容的顯示顏色。
所述第二顯示單元202可以逐漸變更第一內容的顯示顏色,例如從一種顏色到另一種顏色的逐漸過渡,也可以進行顏色突變。
另外,為了使用戶更好地注意到輸入框及對應的第一內容所構成的整體,所述移動到所述輸入框的框外的第一內容的顯示顏色與輸入框變更后的顯示顏色相同,例如,都為圖7(b)所示的顏色,諸如都為藍色。
為了適應人眼從上往下看的瀏覽習慣,可選地,所述第二顯示單元202被配置為:
響應于對輸入框的觸發(fā),將所述第一內容從所述輸入框內移動到所述輸入框的框外上方顯示(如圖7(b)所示)。
由此,用戶在輸入框進行輸入時,可以很方便地參考輸入框的框外上方顯示的第一內容進行正確地輸入。
請參考圖9,在一個實施例中,所述顯示裝置2還可以包括:
輸入單元203,被配置為接收用戶在輸入框的輸入。
所述輸入單元203可以為接收用戶輸入的任何裝置,通過諸如鍵盤、鼠標、遙控器、觸摸板或手寫裝置與用戶交互。
其中所述第二顯示單元202還被配置為:響應于所述輸入的完成,將輸入框的顯示顏色變更回對輸入框觸發(fā)之前的輸入框的顯示顏色。
在輸入的過程中,如圖7(c)所示,所述第二顯示單元202響應于用戶的所述輸入“中國大陸一線”后繼續(xù)響應于用戶在該輸入框內進行輸入“城市人群”??蛇x地,在輸入開始至輸入未完成的過程中,對應的所述輸入框及第一內容的顏色和透明度都不改變,以避免對用戶的輸入造成視覺干擾。
所述輸入的完成可以通過所述第二顯示單元202對所述輸入是否符合 預定的內容格式來判定,所述內容格式包括但不限于字體的語言種類(諸如漢字、英文)、內容的長度(諸如8~12位)等。所述輸入的完成也可以通過在輸入框的附近設置“完成”按鈕,并通過接收到用戶對該按鈕的觸發(fā)來判斷(圖中未示)。
在一個實施例中,為了使用戶更清楚地知曉輸入框的內容是否輸入完整,響應于所述輸入的完成,所述第二顯示單元202將輸入框的顯示顏色變更回對輸入框觸發(fā)之前的輸入框的顯示顏色(如圖7(d)所示),例如從圖7(b)所示的顏色(諸如藍色)變更回圖7(a)所示的顏色(諸如灰色),至此,所述輸入框的顯示顏色經(jīng)歷了兩次變化,一次從圖7(a)所示的顏色變更為圖7(b)所示的顏色,另一次從圖7(b)所示的顏色(諸如藍色)變更回圖7(a)所示的顏色(諸如灰色),由此,圖7(d)中的輸入框的顏色同于圖7(a)中的輸入框的顏色。由此,以便于用戶知曉該輸入框的輸入完成后,順利進行下一輸入框的輸入。
在另一個實施例中,所述第二顯示單元202還被配置為:響應于所述輸入的完成,將第一內容的顯示顏色變更回對輸入框觸發(fā)之前的第一內容的顯示顏色(如圖7(d)所示)。
至此,所述第一內容的顯示顏色經(jīng)歷了兩次變化,例如,一次從圖7(a)所示的顏色(諸如灰色)變更為圖7(b)所示的顏色(諸如藍色),另一次從圖7(b)所示的顏色(諸如藍色)變更回圖7(d)所示的顏色(諸如灰色),由此,圖7(d)中的第一內容“人群名稱”的顏色同于圖7(a)中的第一內容“人群名稱”的顏色。
在一個實施例中,當存在所述第一內容之外的第二內容時,例如,第一內容為輸入框對應的名稱,諸如“人群名稱”,第二內容為輸入框對應的用于引導用戶進行輸入的提示信息,諸如“請輸入選擇要投放的人群”,由此,第一內容和第二內容的顯示結合更有利于提示用戶在輸入框內進行正確的輸入,因而所述第二顯示單元202還可以被配置為:
響應于對輸入框的觸發(fā),在所述輸入框的框外顯示第二內容。
為了更好地提升用戶的視覺體驗,所述第二內容和所述第一內容分別顯示在不同的位置,請參考圖7(e),例如響應于對輸入框的觸發(fā),所述 第二顯示單元202將第一內容“人群名稱”顯示在所述輸入框的框外的上方,所述第二顯示單元202將第二內容“請輸入選擇要投放的人群”顯示在所述輸入框的框外的右方。
為了使多個輸入框組成的表單的界面更簡潔,在響應于對輸入框的觸發(fā),在所述輸入框的框外顯示第二內容的情況下,其中所述第二顯示單元202還被配置為:
-響應于所述輸入的完成,隱藏所述顯示的第二內容。
由此,當響應于用戶在某個輸入框的輸入的完成,隱藏所述輸入框對應的第二內容,使該輸入框看上去更簡潔。換言之,響應于用戶的輸入的完成,對應的第二內容隱藏,僅顯示與該輸入對應的輸入框、第一內容及輸入框內的輸入。
以圖7(e)為例,當響應于用戶在該輸入框內完成的輸入“中國大陸一線城市人群”,所述第二顯示單元202將所述第二內容“請輸入選擇要投放的人群”隱藏,由此,所述圖7(e)變化至圖7(d)。
附圖中的流程圖和框圖顯示了根據(jù)本發(fā)明的多個實施例的系統(tǒng)、方法和計算機程序產(chǎn)品的可能實現(xiàn)的體系架構、功能和操作。在這點上,流程圖或框圖中的每個方框可以代表一個模塊、程序段或代碼的一部分,所述模塊、程序段或代碼的一部分包含一個或多個用于實現(xiàn)規(guī)定的邏輯功能的可執(zhí)行指令。也應當注意,在有些作為替換的實現(xiàn)中,方框中所標注的功能也可以以不同于附圖中所標注的順序發(fā)生。例如,兩個連續(xù)的方框實際上可以基本并行地執(zhí)行,它們有時也可以按相反的順序執(zhí)行,這依所涉及的功能而定。也要注意的是,框圖和/或流程圖中的每個方框、以及框圖和/或流程圖中的方框的組合,可以用執(zhí)行規(guī)定的功能或操作的專用的基于硬件的系統(tǒng)來實現(xiàn),或者可以用專用硬件與計算機指令的組合來實現(xiàn)。
對于本領域技術人員而言,顯然本發(fā)明不限于上述示范性實施例的細節(jié),而且在不背離本發(fā)明的精神或基本特征的情況下,能夠以其他的具體形式實現(xiàn)本發(fā)明。因此,無論從哪一點來看,均應將實施例看作是示范性的,而且是非限制性的,本發(fā)明的范圍由所附權利要求而不是上述說明限 定,因此旨在將落在權利要求的等同要件的含義和范圍內的所有變化囊括在本發(fā)明內。不應將權利要求中的任何附圖標記視為限制所涉及的權利要求。