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

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事件 示例。

可以通過(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。

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

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。

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。

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

移動(dòng)web聊天頁(yè)面，輸入框在底部的時(shí)候，點(diǎn)擊輸入，彈起軟鍵盤(pán)，iOS在將頁(yè)面推上的時(shí)候會(huì)回彈一下，導(dǎo)致鍵盤(pán)剛好遮擋到輸入框初次觸發(fā)輸入框的focus的時(shí)候，iOS 鍵盤(pán)默認(rèn)是以英文鍵盤(pán)高度推上頁(yè)面，但一般我們的默認(rèn)輸入是中文。

用戶名或密碼輸入框中，使用maxlength屬性限制字符數(shù)，確保不會(huì)輸入過(guò)長(zhǎng)或無(wú)效的內(nèi)容用于限制文本域textarea中輸入的文字?jǐn)?shù)量pattern屬性使用正則表達(dá)式來(lái)定義輸入的模式限制HTML5中的input類(lèi)型屬性用于限制輸入的內(nèi)容類(lèi)型。

ltdiv ltinput type=quottextquot ltimg style=quotwidth 20pxposition absoluteleft 140pxtop 15pxquot src=quoticonpngquot ltdiv 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)輸入框右邊添加了放大鏡。

1ltinput 元素定義輸入框，根據(jù)不同的 type 屬性，可以變化為多種形態(tài)例如ltinput type=text表示文本輸入框，ltinput type=password表示密碼輸入框，ltinput type=radio表示單選輸入框，ltinput type=checkbox表示復(fù)。

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。

JavaScript 中object oninput=function myScript JavaScript 中， 使用 addEventListener 方法object addEventListenerquotinputquot， myScript oninput 是#160HTML5#160的標(biāo)準(zhǔn)事件，對(duì)于檢測(cè)#160textarea。

如果你不愿用js或者后臺(tái)語(yǔ)言來(lái)實(shí)現(xiàn)，單純的html只有用html5了，多數(shù)的瀏覽器都沒(méi)有問(wèn)題當(dāng)然如果你用e5a48de588b6e799bee5baa6e997aee7ad2的是IE7，IE8，或者其他基于IE內(nèi)核的瀏覽器就另當(dāng)別論了，具體寫(xiě)法。

placeholder是html5新增的input的一個(gè)熟悉，主要是讓表單體驗(yàn)更加智能，相當(dāng)于value屬性，但是他有一個(gè)好處就是當(dāng)我們聚焦輸入文本的時(shí)候我們?cè)趐laceholder=quot默認(rèn)值quot的文本就會(huì)自動(dòng)清空不過(guò)兼容性還不太好，至少ie好像要9。

新增表單屬性，如placehoder 屬性，簡(jiǎn)短的提示在用戶輸入值前會(huì)顯示在輸入域上即我們常見(jiàn)的輸入框默認(rèn)提示，在用戶輸入后消失3新增視頻 ltvideo 和音頻 ltaudio 標(biāo)簽 4Canvas繪圖 5SVG繪圖 6地理定位 7。