html - 如何修复不允许在移动设备上输入字段的表单输入
问题描述
我是 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>
解决方案
也许在另一个浏览器上试试?
因为它对我有用
推荐阅读
- node.js - 使用 Node.js 实现推送通知
- kalman-filter - 验证卡尔曼滤波器的答案
- python - 如何在 wx.dataview.TreeListCtrl 中骑空方块
- javascript - 覆盖react datepicker popper className的样式
- c# - RadGrid 中的超链接 onclick
- java - 将窗口最小化到 JavaFX 应用程序时图像消失
- angular - 如何在 ng2-table 组件中使用 i18n?
- r - 如何让 R Shiny 标题面板从服务器中提取文本?
- c++ - OpenMP 不会运行多个线程
- c# - 向 slack 发布消息