点击页面正文时,Android/iOS输入会聚焦

Question

问题是关于标准浏览器显示HTML5页面,而不是WebView

测试设备是Galaxy Tab 10.1,虽然这也可以在iPad上看到.

该页面有一个表单.表格有固定的宽度和

margin-left: auto;
margin-right: auto;

当我触摸并按住页面主体(表单外部)时,其中一个表单输入(通常是第一个,有时是第二个)被聚焦(并显示屏幕键盘).

任何解释为什么这种行为？知道怎么预防呢？

Answer 1

使用HTML5 autofocus属性强制浏览器最初聚焦于您想要的元素。

<input autofocus="autofocus" />

较旧的浏览器将忽略该属性。