我有一个带有hotel-datepicker(link to hotel-datepicker)和intl-tel-input(link to github)的HTML5联系人表单的特定问题
当我单击一个日期的输入时,它显示了我的期望,但有两个非UI的内容: 1.它显示了我输入的较早日期 2.来自intl-tel-input的标志在我的日历上
我将深入研究CSS和其他内容,但我想问一问是否有一些CSS命令必须将整个部分放在第一位(只是为了隐藏标志电话?) 以及如何禁用该Cookie呢?
这是我的HTML:
<div class="row">
<div class="col-md-8 col-md-offset-2">
<form class="form contact-form" role="form" id="form-div" method="post" action="">
<div class="clearfix">
<div class="cf-left-col">
<!-- Check In Date -->
<div class="form-group required">
<input id="input-id" type="text" name="checkindate" placeholder="Check-in - Check-Out">
</div>
<!-- Name -->
<div class="form-group">
<input type="text" name="name" id="name" class="input-md round form-control" placeholder="Name" pattern=".{3,100}">
</div>
<!-- Mobile phone -->
<div class="form-group">
<!-- <input type="tel" name="mobile" id="mobile" class="input-md round form-control" placeholder="Mobile phone" pattern=".{3,10}"> -->
<input name="mobile" id="mobile" class="mobile input-md round form-control" type="tel">
</div>
<!-- Email -->
<div class="form-group">
<input type="email" name="email" id="inputEmail" class="input-md round form-control" placeholder="Email" pattern=".{5,100}">
</div>
<!-- Number of adults -->
<div class="form-group">
<input type="text" name="person" id="inputGuests" class="person input-md round form-control" placeholder="Guests">
</div>
<!-- Number of children -->
<div class="form-group">
<input type="text" name="child" id="inpoutChildren" class="person input-md round form-control" placeholder="Children">
</div>
</div>
<div class="cf-right-col">
<!-- Message -->
<div class="form-group">
<textarea name="message" id="message" class="input-md round form-control" style="height: 84px;" placeholder="Message"></textarea>
</div>
<!-- Send Button -->
<div class="align-right pt-10">
<div class="form-group">
<button class="submit_btn btn btn-mod btn-medium btn-round" id="submit_btn">Submit Message</button>
</div>
</div>
</div>
</div>
<div class="clearfix">
<div class="cf-left-col">
<!-- Inform Tip -->
<!-- <div class="form-tip pt-20">
<i class="fa fa-info-circle"></i> All the fields are required
</div> -->
</div>
<div class="cf-right-col">
</div>
</div>
<div id="result"></div>
</form>
</div>
</div>
在main.js文件中,仅初始化了tel-mask和hotel-datepicker