代码之家  ›  专栏  ›  技术社区  ›  Stefan0309

如何隐藏日历上的输入掩码

  •  0
  • Stefan0309  · 技术社区  · 6 年前

    我有一个关于我的HTML5与酒店日期采集器联系表的具体问题( link to hotel-datepicker )和国际电话输入( link to github )

    1它显示了我输入的较早日期 2来自intl tel input的标志在我的日历上

    form as it is after on click input date 我将深入研究CSS和其他东西,但我想问一下,是否有一些CSS命令必须将整个部分放在第一位(只是为了隐藏flag phone?)

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

    0 回复  |  直到 6 年前