html5彈出手機(jī)鍵盤(h5移動(dòng)端鍵盤彈出擋住內(nèi)容)
第一種方式不使用input,使用其他非焦點(diǎn)獲取的標(biāo)簽來代替,比如div第二種方式通過js控制,ltinput onfocus=quotthisblurquot。
這個(gè)對于html5來說很簡單,只需要 ltinput type=quottelquot placeholder=quot請輸入手機(jī)號(hào)碼quot 即可。
8當(dāng)軟鍵盤被喚起是,使用 scrollTop 方法使input元素滾動(dòng)到指定的位置,但是滾動(dòng)的具體數(shù)值需要調(diào)試才能給出,所以這里就不再演示了。
移動(dòng)web聊天頁面,輸入框在底部的時(shí)候,點(diǎn)擊輸入,彈起軟鍵盤,iOS在將頁面推上的時(shí)候會(huì)回彈一下,導(dǎo)致鍵盤剛好遮擋到輸入框初次觸發(fā)輸入框的focus的時(shí)候,iOS 鍵盤默認(rèn)是以英文鍵盤高度推上頁面,但一般我們的默認(rèn)輸入是中文。
給輸入框放在html這層,然后給html相對定位,height100%width100%,再給輸入框絕對定位到bottom0left0這時(shí)候輸入框在鍵盤彈出的時(shí)候會(huì)跳到輸入框的上面。
html 是通過input標(biāo)簽的type屬性來觸發(fā)不同的鍵盤類型的常用的type是text和password,即賬戶ltinput type=quottextquot value=quotquot 密碼ltinput type=quotpasswordquot value=quotquot 觸發(fā)移動(dòng)設(shè)備上的數(shù)字鍵盤搜索,就需寫成。
Points ltinput type=quotnumberquot name=quotpointsquot min=quot1quot max=quot10quot iPhone 中的 Safari 瀏覽器支持 number 輸入類型,并通過改變觸摸屏鍵盤來配合它顯示數(shù)字具體內(nèi)容可以參照w3cschool中html5下, 表單的介紹。
掃描二維碼推送至手機(jī)訪問。
版權(quán)聲明:本文由飛速云SEO網(wǎng)絡(luò)優(yōu)化推廣發(fā)布,如需轉(zhuǎn)載請注明出處。