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