laravelのinputをスマホでも正常に作動させたい
Q&A
やりたいこと
laravelのinputをスマホでも正常に作動させたい
発生している問題
・inputの入力蘭pcでは正常に作動する
・pcの検証でレスポンシブサイズで確認しても正常に作動する
・スマホで確認するとinputの入力蘭だけが作動しない。カーソルも出てこない
・スマホで確認すると、それ以外のinputのtype="date"やtype="radio"は正常に作動している
<!------------------------------ 入力フォーム --------------------------------------->
<div class="reservationBox flex fadein_left">
<div class="form_wrapper">
<form action="{{ url('/confirm/2')}}" method="POST">
{{ csrf_field() }}
<div class="reservation flex">
<p>お客様情報</p>
<input type="text" placeholder="お名前" name="name" value="" />
<input type="text" placeholder="お電話番号" name="phoneNumber" value="" />
<input type="text" placeholder="メールアドレス" name="mail" value="" />
<p>日にち選択</p>
<input type="date" name="calendar"/>
<p>時間帯選択</p>
<div class="timeChoices flex">
<label for="">
<input
type="radio"
name="times"
value="午前の部(10:00~12:00)"
class="timeChoice morning"
@click="choiceMorning('午前の部(10:00~12:00)')">午前の部(10:00~12:00)
</label>
<label for="">
<input
type="radio"
name="times"
value="午後の部(14:00~16:00)"
class="timeChoice afternoon"
@click="choiceAfternoon('午後の部(14:00~16:00)')">午後の部(14:00~16:00)
</label>
<label for="">
<input
type="radio"
name="times"
value="夜の部(18:00~20:00)"
class="timeChoice night"
@click="choiceNight('夜の部(18:00~20:00)')">夜の部(18:00~20:00)
</label>
</div>
</div>
<div class="confirmBtn">
<button class="button">送信</button>
</div>
</form>
</div>
@if ($errors->any())
<div class="alert edit-new alert-danger">
<ul>
@foreach ($errors->all() as $error)
<li>{{ $error }}</li>
@endforeach
</ul>
</div>
@endif
</div>
<footer>
<div class="phoneResevation fadein">
<p>電話予約はこちら</p>
<a href="tel:03-3209-1111">03-3209-1111</a>
</div>
</footer>
具体的な正解が分かる方、
よろしくお願い致します!
0