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

时间:2013-11-21 14:10:50

标签: android css html5 jquery-mobile mobile

我已经使用我的网站为PC和平板电脑/手机创建了一个表单。该表单在桌面和平板电脑上运行良好,但在我点击该字段时在移动设备上,它在Android设备上选择时会短暂突出显示蓝色。但它永远不会打开键盘输入框。而在我的平板电脑上它每次都有效。 我正在使用三星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;
}

1 个答案:

答案 0 :(得分:1)

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