Question

我创建了一个名为diditdrop.com的网站。在网站内有一个表单，用户输入一个数字，然后提交该号码。在网站的桌面版本上，表单效果很好。在移动版本上，表单没有响应（即我点击屏幕，没有任何焦点或弹出。此外，它下面的按钮也不起作用。）

我不知道该怎么做。我已经坚持了几个小时了。我在下面粘贴了一段我的代码，然而，它看起来并不太奇怪。如果有人可以查看我的网站，然后推荐更好的实施方式，我会非常感激。

<form class = "form-inline" action="https://formspree.io/x@gmail.com" 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>

Answer 1

添加以下代码：

添加style =＆＃34; float：left＆＃34;到下面的图像

<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>

表格不适用于移动设备

1 个答案: