要使HTML5中的某個輸入框在頁面加載時獲取焦點，可以使用 autofocus 屬性該屬性可以直接添加到對應的輸入框元素上，以指示該輸入框在頁面加載完成后自動獲取焦點以下是一個示例代碼，展示了如何使用 autofocus 屬性htmlCop。

ltform action=quot#quot #160 #160 ltinput type=quotsearchquot ltform 這種情況下點擊搜索按鈕會跳轉(zhuǎn)到action對應的地址進行搜索 如果我們需要js來處理搜索邏輯，可以設置form不提交，并且監(jiān)聽輸入框的keydown事件 示例。

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

01 首先打開Sublime Text軟件，在HTML界面中我們用HTML5語言布局一些輸入框供用戶輸入信息，如下圖所示 02 接下來我們在編寫查找用戶輸入信息的界面，如下圖所示，只需要一個輸入框和一個按鈕即可 03。

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

1首先打開html編輯器，新建一個html文件，例如indexhtml2在indexhtml中的ltbody標簽中，輸入以下html代碼ltinput type=quottextquot placeholder=quot請輸入賬號quot ltinput type=quotpasswordquot placeholder=quot請輸入密碼quot。

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

移動web聊天頁面，輸入框在底部的時候，點擊輸入，彈起軟鍵盤，iOS在將頁面推上的時候會回彈一下，導致鍵盤剛好遮擋到輸入框初次觸發(fā)輸入框的focus的時候，iOS 鍵盤默認是以英文鍵盤高度推上頁面，但一般我們的默認輸入是中文。

用戶名或密碼輸入框中，使用maxlength屬性限制字符數(shù)，確保不會輸入過長或無效的內(nèi)容用于限制文本域textarea中輸入的文字數(shù)量pattern屬性使用正則表達式來定義輸入的模式限制HTML5中的input類型屬性用于限制輸入的內(nèi)容類型。

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

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

1使用HTML5的required屬性在表單中，可以給輸入框添加required屬性，表示該輸入框為必填項，不填寫內(nèi)容則提交表單時會提示用戶2使用JavaScript實現(xiàn)表單驗證可以通過在表單提交時進行驗證的方式實現(xiàn)輸入框必須輸入值，用query。

JavaScript 中object oninput=function myScript JavaScript 中， 使用 addEventListener 方法object addEventListenerquotinputquot， myScript oninput 是#160HTML5#160的標準事件，對于檢測#160textarea。

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

placeholder是html5新增的input的一個熟悉，主要是讓表單體驗更加智能，相當于value屬性，但是他有一個好處就是當我們聚焦輸入文本的時候我們在placeholder=quot默認值quot的文本就會自動清空不過兼容性還不太好，至少ie好像要9。

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