html - 联系表格字段在移动设备上不可点击 - 重定向到下一个字段

标签 html css wordpress contact-form-7

我为我的网站设计了一个可以在桌面上正常工作的联系表单。当尝试做一些响应式编程时,我意识到表单中的第一个字段 (Name) 是不可点击的。单击该按钮会将您带到下一个字段(电子邮件)。还有其他人遇到这个问题吗?据我所知,它正在所有移动设备上发生。

URL 是 envolverxlaunch.com,表单位于页面底部。

谢谢! 布兰登

最佳答案

刚刚在移动仿真模式下使用 Chrome 开发工具检查了 DOM,我发现名称字段中的输入和标签元素位于邮件地址中的输入和标签元素下方。它重叠了,因为第一个输入元素有一个巨大的 margin-bottom,有些元素没有被清除。如果您点击名称字段,您会点击电子邮件字段上的标签。

关于html - 联系表格字段在移动设备上不可点击 - 重定向到下一个字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39624882/

相关文章:

javascript - 旋转动画停止时如何确定元素的 Angular ?

javascript - 为什么声明 xmlhttp.onreadystatechange 导致这个程序只工作一次?

javascript - 修改折叠/展开效果的高度

javascript - 无法使用 php 发布 html 页面

javascript - 请验证此代码给我一个建议?

html - 当我将鼠标悬停在它们上面时,为什么只有一些 CSS 网格框会展开?

css - 在表格列中居中链接 block

php - 根据运输方式自定义 Woocommerce 新订单电子邮件通知

php - 使用 get_the_terms() 不会返回应用于 WooCommerce 产品的特定父类别的子条款

javascript - jQuery 函数在 Internet Explorer 中不起作用