1、01 首先打開(kāi)Sublime Text軟件，在HTML界面中我們用HTML5語(yǔ)言布局一些輸入框供用戶輸入信息，如下圖所示 02 接下來(lái)我們?cè)诰帉?xiě)查找用戶輸入信息的界面，如下圖所示，只需要一個(gè)輸入框和一個(gè)按鈕即可 03。

2、1首先打開(kāi)html編輯器，新建一個(gè)html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入以下html代碼ltinput type=quottextquot placeholder=quot請(qǐng)輸入賬號(hào)quot ltinput type=quotpasswordquot placeholder=quot請(qǐng)輸入密碼quot。

3、基本介紹input是HTML中的一個(gè)基本元素，用于創(chuàng)建用戶可以輸入文本的表單控件它有許多屬性，比如typenamevalue等，其中type屬性定義了輸入框的類型，如文本密碼復(fù)選框單選按鈕等常用類型text 文本輸入框，用戶可以。

4、ltinput type=quotnumberquot value=quot0quot name=quottestquot 不過(guò)number這個(gè)type是一個(gè)HTML5標(biāo)準(zhǔn)的input屬性，在IE里面是無(wú)法生效的 追問(wèn) 我在type中寫(xiě)了number 可是網(wǎng)頁(yè)上還是顯示不出我要的效果，只是一個(gè)普通的文本輸入框，我用的是IE10。

5、1先把得到的數(shù)組用alertarray看是不是object，如果不是 如果是彈出這個(gè)數(shù)組的字符串的話2那就 var array=evalquotquot+array+quotquot再array0quottitlequot就能得到了3一般返回的如果不是json格式的數(shù)組。

6、要使HTML5中的某個(gè)輸入框在頁(yè)面加載時(shí)獲取焦點(diǎn)，可以使用 autofocus 屬性該屬性可以直接添加到對(duì)應(yīng)的輸入框元素上，以指示該輸入框在頁(yè)面加載完成后自動(dòng)獲取焦點(diǎn)以下是一個(gè)示例代碼，展示了如何使用 autofocus 屬性html。

7、HTML中l(wèi)tinput 標(biāo)簽用于搜集用戶信息，簡(jiǎn)單來(lái)說(shuō)就是用戶在網(wǎng)頁(yè)輸入的信息都是寫(xiě)在ltinput標(biāo)簽中l(wèi)tinput根據(jù)不同的 type 屬性值，輸入字段可以是文本字段復(fù)選框掩碼后的文本控件單選按鈕按鈕等等很多種形式text。

8、給input加style=quotWritingmodetbrlquot這個(gè)屬性有兼容性問(wèn)題，有些瀏覽器可能不兼容如果沒(méi)有多行的要求，可以用div來(lái)代替input然后設(shè)置div的寬與字體的大小相同讓字體自動(dòng)擠下去讓div可編輯 contenteditable=quottruequot。

9、1使用HTML5的required屬性在表單中，可以給輸入框添加required屬性，表示該輸入框?yàn)楸靥铐?xiàng)，不填寫(xiě)內(nèi)容則提交表單時(shí)會(huì)提示用戶2使用JavaScript實(shí)現(xiàn)表單驗(yàn)證可以通過(guò)在表單提交時(shí)進(jìn)行驗(yàn)證的方式實(shí)現(xiàn)輸入框必須輸入值，用query。

10、1首先，打開(kāi)html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltinput type=quottextquot placeholder=quot清輸入用戶名quot 3瀏覽器運(yùn)行indexhtml頁(yè)面，文本框初始有文字4。

11、html5 可以直接用 placeholder=quot請(qǐng)輸入員工號(hào)quotjs的話 你需要多制作的一個(gè)標(biāo)簽，比如span，覆蓋在輸入框的上方 鼠標(biāo)進(jìn)入的時(shí)候顯示這個(gè)span，離開(kāi)的時(shí)候就隱藏，原理就是這樣。

12、示例如下ltform action=quot#quot #160 #160 ltinput type=quotsearchquot ltform 這種情況下點(diǎn)擊搜索按鈕會(huì)跳轉(zhuǎn)到action對(duì)應(yīng)的地址進(jìn)行搜索 如果我們需要js來(lái)處理搜索邏輯，可以設(shè)置form不提交，并且監(jiān)聽(tīng)輸入框的keydown。

13、如果單單HTML5操作的話，第一次輸入文本框的內(nèi)容通過(guò)文本框節(jié)點(diǎn)的value拿到結(jié)果，然后在文本框上面建立個(gè)DIV，把拿到的value值放到DIV節(jié)點(diǎn)的innerHTML里面就可以了，但是這是一次性的，第二次就打開(kāi)網(wǎng)頁(yè)DIV里面就沒(méi)值了如果。

14、htmlltinput type=quottextquot id=quotuserquot ltbutton onClick=quotbeatquotloginltbutton js function beat jQuery獲取文本框的值 quotuserquotvalwindowalertcontentvalue這個(gè)時(shí)候比較要用“==。

15、可以通過(guò)js控制，當(dāng)用戶點(diǎn)擊輸入框的時(shí)候，把彈層網(wǎng)上移動(dòng)一點(diǎn)，修改值asp 頁(yè)面彈出框 ltSCRIPT language=Javascript src=jsmsnjsltSCRIPT 找個(gè)頁(yè)面放在ltHEADltHEAD之間 js文件內(nèi)容 documentwritelnquotltdiv。

16、value=documentgetElementById#39username#39valuelengthltscript效果這里注意使用的onpropertychange事件僅僅支持IE瀏覽器，您也可以使用HTML5自帶的事件oninput但是oninput僅支持支持HTML5的瀏覽器，IE9以下無(wú)效。