{!! 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元素和我的实际手机,它只是不起作用,我真的很困惑,想知道是否每个人都可以帮助我?