移动输入字段不适用于移动设备，但可以在平板电脑上使用

Question

我用我的网站为 PC 和平板电脑/移动设备创建了一个表单。该表单在台式机和平板电脑上运行良好，但在移动设备上，当我单击该字段时，它会短暂突出显示蓝色，就像在 android 设备上选择时一样。但它永远不会调出键盘来输入框。而在我的平板电脑上它每次都有效。 我正在使用三星 Galaxy Tab2（平板电脑）和索尼 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

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