一種輸入狀態(tài)遷移處理方法及系統(tǒng)的制作方法
【專利摘要】本發(fā)明提供了一種輸入狀態(tài)遷移處理方法，包括：頁(yè)面初始化完成后，對(duì)頁(yè)面節(jié)點(diǎn)進(jìn)行遍歷，獲取具有輸入狀態(tài)遷移屬性的輸入框；對(duì)具有輸入狀態(tài)遷移屬性的輸入框進(jìn)行統(tǒng)一處理；所述處理為：讀取超文本標(biāo)記語(yǔ)言HTML文本中輸入框的輸入狀態(tài)遷移屬性的屬性值，將所述屬性值作為默認(rèn)提示文本填充到輸入框，并將輸入框與焦點(diǎn)獲得事件和焦點(diǎn)失去事件綁定；本發(fā)明還提供一種輸入狀態(tài)遷移處理系統(tǒng)。根據(jù)本發(fā)明提供的技術(shù)方案，能夠提高輸入框的輸入狀態(tài)的處理效率。
【專利說(shuō)明】一種輸入狀態(tài)遷移處理方法及系統(tǒng)
【【技術(shù)領(lǐng)域】】
[0001]本發(fā)明涉及互聯(lián)網(wǎng)應(yīng)用領(lǐng)域，尤其涉及一種輸入狀態(tài)遷移處理方法及系統(tǒng)。
【【背景技術(shù)】】
[0002]目前，在注冊(cè)微博、注冊(cè)郵箱、商戶中心等各種表單的使用場(chǎng)景中，用戶需要通過(guò)瀏覽器顯不的表單向相應(yīng)的服務(wù)器提交各種信息，表單由一個(gè)或多個(gè)輸入框或輸入控件組成；其中，有批量的信息需要采用輸入框的形式讓用戶輸入。在用戶未輸入信息之前，需要在輸入框中顯示默認(rèn)提示文案，例如，用戶名輸入框的默認(rèn)提示文案為“請(qǐng)輸入您的用戶名”，地址輸入框的默認(rèn)提示文案為“請(qǐng)輸入您的地址”；當(dāng)用戶點(diǎn)擊輸入框并開始輸入信息時(shí)，判斷輸入框中的信息是否為默認(rèn)提示文案，如果是，則清空輸入框中的信息，如果不是，則保持輸入框中的信息不變；當(dāng)用戶未輸入信息離開時(shí)，默認(rèn)提示文案應(yīng)當(dāng)重新顯示在輸入框中；當(dāng)用戶輸入了信息后離開時(shí)，輸入框應(yīng)當(dāng)保留用戶輸入的信息。而且輸入框中信息的文字樣式也隨著輸入狀態(tài)的變換而變換，默認(rèn)提示文案的文字樣式與用戶輸入信息的文字樣式應(yīng)當(dāng)區(qū)別顯示，例如，當(dāng)輸入框的信息為默認(rèn)提示文案時(shí)，文字顏色需要顯示為灰色，當(dāng)用戶在輸入框中輸入信息后，用戶輸入的信息的文字顏色顯示為黑色，以防用戶混淆。
[0003]目前對(duì)輸入狀態(tài)遷移的處理方法都是對(duì)每個(gè)輸入框的輸入狀態(tài)進(jìn)行單獨(dú)檢測(cè)，根據(jù)檢測(cè)到的不同輸入狀態(tài)采取不同的處理方式，而且不同輸入狀態(tài)下文字需要使用不同的樣式；例如，單獨(dú)檢測(cè)方式中輸入框?qū)ο笈渲脼?
[0004]〈input type=” text” id=” userName，，/>
[0005]邏輯處理程序中的JavaScript代碼為:
[0006]if (userName的輸入框的當(dāng)前輸入值==”請(qǐng)輸入您的用戶名”){
[0007]userName的輸入框的當(dāng)前輸入值置為空值；
[0008]}
[0009]當(dāng)存在大量輸入框時(shí)，利用現(xiàn)有的單獨(dú)檢測(cè)方式，就需要針對(duì)每個(gè)輸入框都開發(fā)一套上述邏輯處理程序，從而導(dǎo)致開發(fā)效率較低，耗費(fèi)較多的人力物力，開發(fā)成本較高；而且邏輯處理程序的代碼量較大，導(dǎo)致輸入狀態(tài)的檢測(cè)和處理效率較低；此外，每個(gè)輸入框的變量都固定在該邏輯處理程序中，不便于對(duì)輸入框的變量進(jìn)行修改和擴(kuò)展。
【
【發(fā)明內(nèi)容】
】
[0010]本發(fā)明提供了一種輸入狀態(tài)遷移處理方法及系統(tǒng)，能夠提高輸入框的輸入狀態(tài)的處理效率。
[0011]本發(fā)明的具體技術(shù)方案如下:
[0012]根據(jù)本發(fā)明一優(yōu)選實(shí)施例，一種輸入狀態(tài)遷移處理方法，包括:
[0013]頁(yè)面初始化完成后，對(duì)頁(yè)面節(jié)點(diǎn)進(jìn)行遍歷，獲取具有輸入狀態(tài)遷移屬性的輸入框；
[0014]對(duì)具有輸入狀態(tài)遷移屬性的輸入框進(jìn)行統(tǒng)一處理；所述處理為:讀取超文本標(biāo)記語(yǔ)言HTML文本中輸入框的輸入狀態(tài)遷移屬性的屬性值，將所述屬性值作為默認(rèn)提示文本填充到輸入框，并將輸入框與焦點(diǎn)獲得事件和焦點(diǎn)失去事件綁定。
[0015]上述方法中，所述輸入狀態(tài)遷移屬性預(yù)先被添加到HTML文本，作為所述HTML文本中輸入框的屬性。
[0016]上述方法中，所述輸入狀態(tài)遷移屬性包括輸入框的默認(rèn)顯示文本屬性和輸入框的默認(rèn)顯示文本樣式屬性。
[0017]上述方法中，所述輸入框的默認(rèn)顯示文本屬性的屬性值為輸入框的默認(rèn)顯示文本；
[0018]所述輸入框的默認(rèn)顯示文本樣式屬性的屬性值表示所述默認(rèn)顯示文本的字體樣式。
[0019]上述方法中，獲取具有輸入狀態(tài)遷移屬性的輸入框的方法為:
[0020]依據(jù)預(yù)設(shè)的輸入狀態(tài)遷移屬性的屬性名，從HTML文本中獲取有輸入狀態(tài)遷移屬性的輸入框，并將獲取到的具有輸入狀態(tài)遷移屬性的輸入框保存到數(shù)組。
[0021]上述方法中，所述讀取HTML文本中輸入框的輸入狀態(tài)遷移屬性的屬性值，將所述屬性值作為默認(rèn)提示文本填充到輸入框具體為:
[0022]依據(jù)輸入框ID在HTML文本中獲得對(duì)應(yīng)的輸入框的輸入狀態(tài)遷移屬性；
[0023]讀取輸入狀態(tài)遷移屬性中默認(rèn)顯示文本屬性的屬性值，將所述屬性值作為該輸入框的默認(rèn)顯示文本填充到該輸入框中；
[0024]讀取輸入狀態(tài)遷移屬性中輸入框的默認(rèn)顯示文本樣式屬性的屬性值，依據(jù)所述屬性值對(duì)應(yīng)的級(jí)聯(lián)樣式表CSS樣式設(shè)置輸入框中默認(rèn)顯示文本的字體樣式。
[0025]上述方法中，所述將輸入框與焦點(diǎn)獲得事件和焦點(diǎn)失去事件綁定具體為:
[0026]依據(jù)輸入框ID獲得輸入框?qū)ο?，為所述輸入框?qū)ο筇砑咏裹c(diǎn)獲得事件函數(shù)和焦點(diǎn)失去事件函數(shù)；所述焦點(diǎn)獲得事件函數(shù)包括觸發(fā)焦點(diǎn)獲得事件的動(dòng)作和觸發(fā)焦點(diǎn)獲得事件后執(zhí)行的操作，所述焦點(diǎn)失去事件函數(shù)包括觸發(fā)焦點(diǎn)失去事件的動(dòng)作和觸發(fā)焦點(diǎn)失去事件后執(zhí)行的操作。
[0027]上述方法中，所述觸發(fā)焦點(diǎn)獲得事件后執(zhí)行的操作為:判斷輸入框中的文本是否為默認(rèn)顯示文本，如果是，清空輸入框中的文本，如果不是，不進(jìn)行任何處理；
[0028]所述觸發(fā)焦點(diǎn)失去事件后執(zhí)行的操作為:判斷輸入框中的默認(rèn)顯示文本是否為空，如果為空，讀取HTML文本中所述輸入框的默認(rèn)顯示文本屬性的屬性值，將所述屬性值作為默認(rèn)顯示文本填充到輸入框中，并讀取輸入狀態(tài)遷移屬性中輸入框的默認(rèn)顯示文本樣式屬性的屬性值，依據(jù)所述屬性值對(duì)應(yīng)的CSS樣式設(shè)置輸入框中默認(rèn)顯示文本的字體樣式；如果不為空，不進(jìn)行任何處理。
[0029]一種輸入狀態(tài)遷移處理系統(tǒng)，包括:遍歷單元、輸入狀態(tài)處理單元；其中，
[0030]遍歷單元，用于在頁(yè)面初始化完成后，對(duì)頁(yè)面節(jié)點(diǎn)進(jìn)行遍歷，獲取具有輸入狀態(tài)遷移屬性的輸入框；
[0031]輸出狀態(tài)處理單元，用于對(duì)具有輸入狀態(tài)遷移屬性的輸入框進(jìn)行統(tǒng)一處理；所述處理為:讀取超文本標(biāo)記語(yǔ)言HTML文本中輸入框的輸入狀態(tài)遷移屬性的屬性值，將所述屬性值作為默認(rèn)提示文本填充到輸入框，并將輸入框與焦點(diǎn)獲得事件和焦點(diǎn)失去事件綁定。
[0032]上述系統(tǒng)中，所述輸入狀態(tài)遷移屬性預(yù)先被添加到HTML文本，作為所述HTML文本中輸入框的屬性。
[0033]上述系統(tǒng)中，所述輸入狀態(tài)遷移屬性包括輸入框的默認(rèn)顯示文本屬性和輸入框的默認(rèn)顯示文本樣式屬性。
[0034]上述系統(tǒng)中，所述輸入框的默認(rèn)顯示文本屬性的屬性值為輸入框的默認(rèn)顯示文本；
[0035]所述輸入框的默認(rèn)顯示文本樣式屬性的屬性值表示所述默認(rèn)顯示文本的字體樣式。
[0036]上述系統(tǒng)中，遍歷單元在獲取具有輸入狀態(tài)遷移屬性的輸入框時(shí)，具體用于:
[0037]依據(jù)預(yù)設(shè)的輸入狀態(tài)遷移屬性的屬性名，從HTML文本中獲取有輸入狀態(tài)遷移屬性的輸入框，并將獲取到的具有輸入狀態(tài)遷移屬性的輸入框保存到數(shù)組。
[0038]上述系統(tǒng)中，所述輸入狀態(tài)處理單元在讀取HTML文本中輸入框的輸入狀態(tài)遷移屬性的屬性值，將所述屬性值作為默認(rèn)提示文本填充到輸入框時(shí)，具體用于:
[0039]依據(jù)輸入框ID在HTML文本中獲得對(duì)應(yīng)的輸入框的輸入狀態(tài)遷移屬性；
[0040]讀取輸入狀態(tài)遷移屬性中默認(rèn)顯示文本屬性的屬性值，將所述屬性值作為該輸入框的默認(rèn)顯示文本填充到該輸入框中；
[0041]讀取輸入狀態(tài)遷移屬性中輸入框的默認(rèn)顯示文本樣式屬性的屬性值，依據(jù)所述屬性值對(duì)應(yīng)的級(jí)聯(lián)樣式表CSS樣式設(shè)置輸入框中默認(rèn)顯示文本的字體樣式。
[0042]上述系統(tǒng)中，所述輸入狀態(tài)處理單元在將輸入框與焦點(diǎn)獲得事件和焦點(diǎn)失去事件綁定時(shí)，具體用于:
[0043]依據(jù)輸入框ID獲得輸入框?qū)ο?，為所述輸入框?qū)ο筇砑咏裹c(diǎn)獲得事件函數(shù)和焦點(diǎn)失去事件函數(shù)；所述焦點(diǎn)獲得事件函數(shù)包括觸發(fā)焦點(diǎn)獲得事件的動(dòng)作和觸發(fā)焦點(diǎn)獲得事件后執(zhí)行的操作，所述焦點(diǎn)失去事件函數(shù)包括觸發(fā)焦點(diǎn)失去事件的動(dòng)作和觸發(fā)焦點(diǎn)失去事件后執(zhí)行的操作。
[0044]上述系統(tǒng)中，所述觸發(fā)焦點(diǎn)獲得事件后執(zhí)行的操作為:判斷輸入框中的文本是否為默認(rèn)顯示文本，如果是，清空輸入框中的文本，如果不是，不進(jìn)行任何處理；
[0045]所述觸發(fā)焦點(diǎn)失去事件后執(zhí)行的操作為:判斷輸入框中的默認(rèn)顯示文本是否為空，如果為空，讀取HTML文本中所述輸入框的默認(rèn)顯示文本屬性的屬性值，將所述屬性值作為默認(rèn)顯示文本填充到輸入框中，并讀取輸入狀態(tài)遷移屬性中輸入框的默認(rèn)顯示文本樣式屬性的屬性值，依據(jù)所述屬性值對(duì)應(yīng)的CSS樣式設(shè)置輸入框中默認(rèn)顯示文本的字體樣式；如果不為空，不進(jìn)行任何處理。
[0046]由以上技術(shù)方案可以看出，本發(fā)明提供的具有以下有益效果:
[0047]本發(fā)明的技術(shù)方案能夠提高頁(yè)面中輸入框的開發(fā)效率，降低人力成本和物力成本；處理邏輯需要的屬性值只需要在HTML文本中獲取即可，方便對(duì)輸入框的變量進(jìn)行修改和擴(kuò)展；能夠大大減少邏輯處理程序的代碼量，提高了代碼的運(yùn)行效率，實(shí)現(xiàn)批量高效的處理。
【【專利附圖】

【附圖說(shuō)明】】
[0048]圖1是本發(fā)明實(shí)現(xiàn)輸入狀態(tài)遷移處理方法的優(yōu)選實(shí)施例的流程示意圖；
[0049]圖2是本發(fā)明實(shí)現(xiàn)輸入狀態(tài)遷移處理系統(tǒng)的優(yōu)選實(shí)施例的結(jié)構(gòu)示意圖。
【【具體實(shí)施方式】】
[0050]本發(fā)明的基本思想是:頁(yè)面初始化完成后，對(duì)頁(yè)面節(jié)點(diǎn)進(jìn)行遍歷，獲取具有輸入狀態(tài)遷移屬性的輸入框；對(duì)具有輸入狀態(tài)遷移屬性的輸入框進(jìn)行統(tǒng)一處理；所述處理為:讀取超文本標(biāo)記語(yǔ)言HTML文本中輸入框的輸入狀態(tài)遷移屬性的屬性值，將所述屬性值作為默認(rèn)提示文本填充到輸入框，并將輸入框與焦點(diǎn)獲得事件和焦點(diǎn)失去事件綁定。
[0051]為了使本發(fā)明的目的、技術(shù)方案和優(yōu)點(diǎn)更加清楚，下面結(jié)合附圖和具體實(shí)施例對(duì)本發(fā)明進(jìn)行詳細(xì)描述。
[0052]本發(fā)明提供一種輸入狀態(tài)遷移處理方法，圖1是本發(fā)明實(shí)現(xiàn)輸入狀態(tài)遷移處理方法的優(yōu)選實(shí)施例的流程示意圖，如圖1所示，該優(yōu)選實(shí)施例包括以下步驟:
[0053]步驟101，在保存輸入框?qū)ο蟮腍TML文本中為輸入框添加輸入狀態(tài)遷移屬性。
[0054]具體的，利用配置信息設(shè)置輸入狀態(tài)遷移所需要的屬性，配置信息指的是配置在超文本標(biāo)記語(yǔ)言(HTML, Hypertext Markup Language)文本中的信息，HTML文本中為輸入框?qū)ο?，利用HTML文本中輸入框?qū)ο罂梢栽陧?yè)面加載輸入框，本優(yōu)選實(shí)施例中，在配置信息中配置輸入狀態(tài)遷移屬性，因此，配置的輸入狀態(tài)遷移屬性就作為輸入框的屬性存在，從而實(shí)現(xiàn)在輸入框的屬性中添加輸入狀態(tài)遷移屬性，利用該方式為每個(gè)需要輸入狀態(tài)遷移機(jī)制的輸入框都添加輸入狀態(tài)遷移屬性；所述輸入狀態(tài)遷移屬性包括輸入框的默認(rèn)顯示文本屬性和輸入框的默認(rèn)顯示文本樣式屬性；所述輸入狀態(tài)遷移屬性將在JavaScript代碼中使用，在HTML文本中配置該輸入狀態(tài)遷移屬性可以方便JavaScript代碼調(diào)用。
[0055]例如，對(duì)于用戶名輸入框，沒有添加輸入狀態(tài)遷移屬性的輸入框?yàn)?
[0056]〈input id=” userName” type=” text，，/>
[0057]添加輸入狀態(tài)遷移屬性的輸入框?yàn)?
[0058]〈input id=” userName” type=” text” defaultValue=” 請(qǐng)輸入您的用戶名，，defaultStyle=，，gracyText/>
[0059]其中，defaultValue為輸入框的默認(rèn)顯示文本屬性的屬性名，請(qǐng)輸入您的用戶名為輸入框的默認(rèn)顯示文本屬性的屬性值，表示用戶名輸入框中的默認(rèn)顯示文本為請(qǐng)輸入您的用戶名；defaultStyle為輸入框的默認(rèn)顯示文本樣式屬性的屬性名，gracyText為輸入框的默認(rèn)顯示文本樣式屬性的屬性值，表示用戶名輸入框中默認(rèn)顯示文本的字體顏色為gracyText,該gracyText在CSS樣式中表示灰色；當(dāng)輸入框中的默認(rèn)顯示文本為請(qǐng)輸入您的用戶名時(shí)，該默認(rèn)顯示文本的字體顏色為灰色；這里，defaultValue屬性和defaultStyle屬性都是配置在ID為userName的輸入框上的屬性；本優(yōu)選實(shí)施例中，利用HTML文本來(lái)實(shí)現(xiàn)輸入框的輸入狀態(tài)遷移屬性的配置，可以非常方便的修改輸入狀態(tài)遷移屬性(如defaultValue)的屬性值。
[0060]級(jí)聯(lián)樣式表(CSS,Cascading Style Sheet)又稱為風(fēng)格樣式表(SS, StyleSheet)，用于進(jìn)行網(wǎng)頁(yè)風(fēng)格設(shè)計(jì)，例如，鏈接字在未點(diǎn)擊時(shí)是藍(lán)色，當(dāng)鼠標(biāo)移動(dòng)到鏈接字上之后變成紅色且有下劃線，這就是一種風(fēng)格；CSS代碼存儲(chǔ)在CSS文件中，CSS文件中定義了很多CSS樣式名，在HTML文本中通過(guò)頁(yè)面元素的class屬性來(lái)關(guān)聯(lián)CSS樣式，例如，HTML文本中有輸入框:〈input type=”text”class=”blueText”/>,這樣輸入框就通過(guò)class屬性關(guān)聯(lián)了樣式名為blueText的樣式,通過(guò)在CSS文件中定義樣式名為blueText的樣式,就可以控制輸入框呈現(xiàn)出CSS所定義的樣式。
[0061]例如:有如下CSS代碼:
[0062]
【權(quán)利要求】
1.一種輸入狀態(tài)遷移處理方法，其特征在于，該方法包括: 頁(yè)面初始化完成后，對(duì)頁(yè)面節(jié)點(diǎn)進(jìn)行遍歷，獲取具有輸入狀態(tài)遷移屬性的輸入框； 對(duì)具有輸入狀態(tài)遷移屬性的輸入框進(jìn)行統(tǒng)一處理；所述處理為:讀取超文本標(biāo)記語(yǔ)言HTML文本中輸入框的輸入狀態(tài)遷移屬性的屬性值，將所述屬性值作為默認(rèn)提示文本填充到輸入框，并將輸入框與焦點(diǎn)獲得事件和焦點(diǎn)失去事件綁定。
2.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述輸入狀態(tài)遷移屬性預(yù)先被添加到HTML文本，作為所述HTML文本中輸入框的屬性。
3.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述輸入狀態(tài)遷移屬性包括輸入框的默認(rèn)顯示文本屬性和輸入框的默認(rèn)顯示文本樣式屬性。
4.根據(jù)權(quán)利要求3所述的方法，其特征在于， 所述輸入框的默認(rèn)顯示文本屬性的屬性值為輸入框的默認(rèn)顯示文本； 所述輸入框的默認(rèn)顯示文本樣式屬性的屬性值表示所述默認(rèn)顯示文本的字體樣式。
5.根據(jù)權(quán)利要求1所述的方法，其特征在于，獲取具有輸入狀態(tài)遷移屬性的輸入框的方法為: 依據(jù)預(yù)設(shè)的輸入狀態(tài)遷移屬性的屬性名，從HTML文本中獲取有輸入狀態(tài)遷移屬性的輸入框，并將獲取到的具有輸入狀態(tài)遷移屬性的輸入框保存到數(shù)組。
6.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述讀取HTML文本中輸入框的輸入狀態(tài)遷移屬性的屬性值，將所述屬性值作為默認(rèn)提示文本填充到輸入框具體為: 依據(jù)輸入框ID在HTML文本中獲得對(duì)應(yīng)的輸入框的輸入狀態(tài)遷移屬性； 讀取輸入狀態(tài)遷移屬性中默認(rèn)顯示文本屬性的屬性值，將所述屬性值作為該輸入框的默認(rèn)顯示文本填充到該輸入框中； 讀取輸入狀態(tài)遷移屬性中輸入框的默認(rèn)顯示文本樣式屬性的屬性值，依據(jù)所述屬性值對(duì)應(yīng)的級(jí)聯(lián)樣式表CSS樣式設(shè)置輸入框中默認(rèn)顯示文本的字體樣式。
7.根據(jù)權(quán)利要求1所述的方法，其特征在于，所述將輸入框與焦點(diǎn)獲得事件和焦點(diǎn)失去事件綁定具體為: 依據(jù)輸入框ID獲得輸入框?qū)ο?，為所述輸入框?qū)ο筇砑咏裹c(diǎn)獲得事件函數(shù)和焦點(diǎn)失去事件函數(shù)；所述焦點(diǎn)獲得事件函數(shù)包括觸發(fā)焦點(diǎn)獲得事件的動(dòng)作和觸發(fā)焦點(diǎn)獲得事件后執(zhí)行的操作，所述焦點(diǎn)失去事件函數(shù)包括觸發(fā)焦點(diǎn)失去事件的動(dòng)作和觸發(fā)焦點(diǎn)失去事件后執(zhí)行的操作。
8.根據(jù)權(quán)利要求7所述的方法，其特征在于， 所述觸發(fā)焦點(diǎn)獲得事件后執(zhí)行的操作為:判斷輸入框中的文本是否為默認(rèn)顯示文本，如果是，清空輸入框中的文本，如果不是，不進(jìn)行任何處理； 所述觸發(fā)焦點(diǎn)失去事件后執(zhí)行的操作為:判斷輸入框中的默認(rèn)顯示文本是否為空，如果為空，讀取HTML文本中所述輸入框的默認(rèn)顯示文本屬性的屬性值，將所述屬性值作為默認(rèn)顯示文本填充到輸入框中，并讀取輸入狀態(tài)遷移屬性中輸入框的默認(rèn)顯示文本樣式屬性的屬性值，依據(jù)所述屬性值對(duì)應(yīng)的CSS樣式設(shè)置輸入框中默認(rèn)顯示文本的字體樣式；如果不為空，不進(jìn)行任何處理。
9.一種輸入狀態(tài)遷移處理系統(tǒng)，其特征在于，該系統(tǒng)包括:遍歷單元、輸入狀態(tài)處理單元；其中，遍歷單元，用于在頁(yè)面初始化完成后，對(duì)頁(yè)面節(jié)點(diǎn)進(jìn)行遍歷，獲取具有輸入狀態(tài)遷移屬性的輸入框； 輸出狀態(tài)處理單元，用于對(duì)具有輸入狀態(tài)遷移屬性的輸入框進(jìn)行統(tǒng)一處理；所述處理為:讀取超文本標(biāo)記語(yǔ)言HTML文本中輸入框的輸入狀態(tài)遷移屬性的屬性值，將所述屬性值作為默認(rèn)提示文本填充到輸入框，并將輸入框與焦點(diǎn)獲得事件和焦點(diǎn)失去事件綁定。
10.根據(jù)權(quán)利要求9所述的系統(tǒng)，其特征在于，所述輸入狀態(tài)遷移屬性預(yù)先被添加到HTML文本，作為所述HTML文本中輸入框的屬性。
11.根據(jù)權(quán)利要求9所述的系統(tǒng)，其特征在于，所述輸入狀態(tài)遷移屬性包括輸入框的默認(rèn)顯示文本屬性和輸入框的默認(rèn)顯示文本樣式屬性。
12.根據(jù)權(quán)利要求11所述的系統(tǒng)，其特征在于， 所述輸入框的默認(rèn)顯示文本屬性的屬性值為輸入框的默認(rèn)顯示文本； 所述輸入框的默認(rèn)顯示文本樣式屬性的屬性值表示所述默認(rèn)顯示文本的字體樣式。
13.根據(jù)權(quán)利要求9所述的系統(tǒng)，其特征在于，遍歷單元在獲取具有輸入狀態(tài)遷移屬性的輸入框時(shí)，具體用于: 依據(jù)預(yù)設(shè)的輸入狀態(tài)遷移屬性的屬性名，從HTML文本中獲取有輸入狀態(tài)遷移屬性的輸入框，并將獲取到的具有輸入狀態(tài)遷移屬性的輸入框保存到數(shù)組。
14.根據(jù)權(quán)利要求9所述的系統(tǒng)，其特征在于，所述輸入狀態(tài)處理單元在讀取HTML文本中輸入框的輸入狀態(tài)遷移屬性的屬性值，將所述屬性值作為默認(rèn)提示文本填充到輸入框時(shí)，具體用于: 依據(jù)輸入框ID在HTML文本中獲得對(duì)應(yīng)的輸入框的輸入狀態(tài)遷移屬性； 讀取輸入狀態(tài)遷移屬性中默認(rèn)顯示文本屬性的屬性值，將所述屬性值作為該輸入框的默認(rèn)顯示文本填充到該輸入框中； 讀取輸入狀態(tài)遷移屬性中輸入框的默認(rèn)顯示文本樣式屬性的屬性值，依據(jù)所述屬性值對(duì)應(yīng)的級(jí)聯(lián)樣式表CSS樣式設(shè)置輸入框中默認(rèn)顯示文本的字體樣式。
15.根據(jù)權(quán)利要求9所述的系統(tǒng)，其特征在于，所述輸入狀態(tài)處理單元在將輸入框與焦點(diǎn)獲得事件和焦點(diǎn)失去事件綁定時(shí)，具體用于: 依據(jù)輸入框ID獲得輸入框?qū)ο螅瑸樗鲚斎肟驅(qū)ο筇砑咏裹c(diǎn)獲得事件函數(shù)和焦點(diǎn)失去事件函數(shù)；所述焦點(diǎn)獲得事件函數(shù)包括觸發(fā)焦點(diǎn)獲得事件的動(dòng)作和觸發(fā)焦點(diǎn)獲得事件后執(zhí)行的操作，所述焦點(diǎn)失去事件函數(shù)包括觸發(fā)焦點(diǎn)失去事件的動(dòng)作和觸發(fā)焦點(diǎn)失去事件后執(zhí)行的操作。
16.根據(jù)權(quán)利要求15所述的系統(tǒng)，其特征在于， 所述觸發(fā)焦點(diǎn)獲得事件后執(zhí)行的操作為:判斷輸入框中的文本是否為默認(rèn)顯示文本，如果是，清空輸入框中的文本，如果不是，不進(jìn)行任何處理； 所述觸發(fā)焦點(diǎn)失去事件后執(zhí)行的操作為:判斷輸入框中的默認(rèn)顯示文本是否為空，如果為空，讀取HTML文本中所述輸入框的默認(rèn)顯示文本屬性的屬性值，將所述屬性值作為默認(rèn)顯示文本填充到輸入框中，并讀取輸入狀態(tài)遷移屬性中輸入框的默認(rèn)顯示文本樣式屬性的屬性值，依據(jù)所述屬性值對(duì)應(yīng)的CSS樣式設(shè)置輸入框中默認(rèn)顯示文本的字體樣式；如果不為空，不進(jìn)行任何處理。
【文檔編號(hào)】G06F9/44GK104049956SQ201310078543
【公開日】2014年9月17日 申請(qǐng)日期:2013年3月12日 優(yōu)先權(quán)日:2013年3月12日
【發(fā)明者】雷凱華, 白旭 申請(qǐng)人:百度在線網(wǎng)絡(luò)技術(shù)（北京）有限公司