提交表单不适用于移动设备,但适用于桌面设备

时间:2017-07-20 18:59:57

标签: html css forms laravel responsive

{!! Form::open(['url' => '/submit']) !!}
      <label>Choose a subject
        <select name="subject">
            <option disabled selected value> -- select a subject-- 
            </option>
            <option value="mentalhealth">Mental Health</option>
            <option value="pyschology">Psychology</option>
            <option value="general">General Enquiry</option>
            <option value="personal">Personal</option>
        </select>
      </label>
      <label class="col-lg-12 col-md-12 col-sm-12 col-xs-12">Email
          <input type="email" name="email" placeholder="To be 
          anonymous, just leave this blank (however we will not be able 
          to reply to your submission)." class="col-lg-12 col-md-12 
          col-sm-12 col-xs-12">
      </label>
        <label class="col-lg-12 col-md-12 col-sm-12 col-xs-12">Your 
          message to us
          <textarea placeholder="What would you like to ask or tell 
          us?" name="body" class="col-lg-12 col-md-12 col-sm-12 col-xs-
          12"></textarea>
        </label>
        <section class="col-lg-12">
          <input class="btn btn-success" id="submitbutton" 
          type="submit" value="Send">
      </section>
{!! Form::close() !!}

input {
  border: solid 2px #ccc;
  border-radius: 4px;
  box-shadow: none;
  background-color: #f8f8f8;
  box-sizing: border-box; 
}
textarea {
  width: 100%;
  height: 150px;
  padding: 12px 20px;
  box-sizing: border-box;
  border: 2px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  resize: none;
}

这是我的表单(即使用laravel btw)来查看most common bug的问题,并尝试在桌面和移动设备上使用该表单。

移动设备上的

根本不会让你点击输入框,只能在桌面上点击它。我已经尝试过使用inspect元素和我的实际手机,它只是不起作用,我真的很困惑,想知道是否每个人都可以帮助我?

0 个答案:

没有答案