2016-10-04 111 views
0

我创建了一个名为diditdrop.com的网站。在网站内有一个表格,用户输入一个号码然后提交号码。在该网站的桌面版上,该表单效果很好。在移动版本中,表单不响应(即,我点击屏幕上没有任何焦点或弹出窗口,此外,它下面的按钮也不起作用)。表单无法在移动设备上工作

我不知道该怎么做。我一直坚持了几个小时。我在下面粘贴了一段代码,但是,它看起来并不太奇怪。如果有人可以看看我的网站,然后推荐更好的实施方式,我会诚挚地感谢。

<form class = "form-inline" action="https://formspree.io/[email protected]" method="POST"> 
    <div class= "form-group"> 
     <span> 
      <input type="tel" id = "form1" placeholder="digits here" tabindex="1" class="boxed form-control" name="number"/><br> 
     </span> 
     <span> 
      <input type="submit" id = "buttonmove" class="btn boxed" value="get dat new new"name="number" /> 
     </span> 
     </div> 
</form> 
+1

不知道该怎么办。解释你的问题,或者这应该被关闭作为offtopic –

+0

@MarcosPérezGude我很抱歉如此模糊。我已经更新了这篇文章,并且会喜欢你的一些见解。 –

回答

0

添加以下代码,将工作:

添加样式=“浮动:左”的形象像下面

<div id="pictureface" class="col-lg-6"> 
      <img style="float:left" class="img-responsive" src="http://static.stereogum.com/uploads/2016/09/CtUYD4uWYAIB1MH-1475280486.jpg"> 
     </div> 
相关问题