android - 移动输入字段不适用于手机，但适用于平板电脑

Question

我已经在我的网站上创建了适用于 PC 和平板电脑/手机的表单。该表单在台式机和平板电脑上运行良好，但在移动设备上单击该字段时，它会短暂突出显示为蓝色，就像在 Android 设备上选择时一样。但它永远不会调出键盘在框中键入。而在我的平板电脑上它每次都有效。 我使用的是 samsung galaxy tab2(平板电脑)和 sony expiro mini(手机)。 我唯一能想到的是我的手机可能不会太慢​​以通过Adobe Edge Inspect运行网站。 . 如果这是原因，我是否应该忽略手机上的功能并使用它来检查设计的外观？

以下是部分代码，以防其相关:

HTML

<p><select id="prefix" class="form_fields"  name="prefix"   onBlur="get_name(this,'1')">
 <option>Title</option>
 <option>Mr</option>
 <option>Mrs</option>
 <option>Miss</option>
 <option>Ms</option>
 </select><br/>
 <input type="text" id="f_name" class="form_fields"  placeholder="First Name" maxlength="150" onBlur="get_name(this,'2')" /><br/>
 <input type="text" id="l_name" class="form_fields" placeholder="Last Name" maxlength="150"  onBlur="get_name(this,'3')" /></p> 
<div id="nameError" style="position:relative; width:70%;"></div>

CSS:

.form_fields{
    font-family:continuum_lightregular;
    width:60%;
    margin-left:10%;
    margin-right:10%;
    height:30px;
    border-radius:8px;
    font-size:18px;
    line-height:18px;
    padding-left:10px;
    padding:top:5px;
    padding-right:10px;
}

Answer 1

检查手机和平板电脑的软件版本。旧应用可能是个问题。