Question

我是HTML和CSS的初学者，我试图创建一个具有不同字段的表单，这些字段在大屏幕上可以正常工作，但在小屏幕（移动版）上，这些字段不允许输入任何内容

我使用Firefox中的检查工具来解决问题，但我没看错

<div class="page-wrapper">
    <div class="container-fluid">
        <div class="row"></div>
            <div class="row" style="margin-top: 15px">
                  <div class="col-lg-12">

                    <div class="container">
                        <div class="row" style="margin-top: 15px;">
                          <div class="col-md-12">
                            <div class="card" style="border-radius: 10px;">
                               <h2 class="card-title" style="text-align: center; margin-top: 10px"> registration</h2>
                                 <div class="card-body">
                                    <form action="#" method="POST" id="insertgroup1" class="form-horizontal">
                                       <div class="form-body">
                                         <h3 class="box-title">Group details</h3>
                                           <hr class="m-t-0 m-b-40">
                                             <div class="row">
                                                <div class="col-md-6">
                                                 <div class="form-group row">
                                                     <label class="control-label text-right col md-3">Group name</label>
                                                       <div class="col-md-9">
                                                         <input type="text" class="form-control" name='group_name' placeholder="Group name" required>
                                                    </div>
                                                  </div>
                                              </div>
                                         </div>
                                   </div>
                                 </div>
                              </div>
                           </div>

Answer 1

也许可以在其他浏览器上尝试一下？

因为它可以与我一起使用

如何修复不允许在移动设备上输入字段的表单输入

1 个答案: