时间戳

首页 > 解决方案 > 联系人 7 表单字段在 Safari 中不起作用

wordpress - 联系人 7 表单字段在 Safari 中不起作用

问题描述

我正在为我的联系页面使用联系人 7 表单。它在除 safari 之外的所有浏览器中都能正常工作。在 safari 中无法提交表单。在 safari 中甚至无法为字段提供输入值。如何解决这个问题？谢谢

野生动物园控制台： 在此处输入图像描述

火狐控制台： 在此处输入图像描述

管理区截图： 在此处输入图像描述

<div role="form" class="wpcf7" id="wpcf7-f72-p151-o1" lang="en-US" dir="ltr">
<div class="screen-reader-response"></div>
<form action="/contact/#wpcf7-f72-p151-o1" method="post" class="wpcf7-form col-lg-8 col-md-8 col-sm-12 col-12 dose-contact-form row" novalidate="novalidate">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="72">
<input type="hidden" name="_wpcf7_version" value="5.1.1">
<input type="hidden" name="_wpcf7_locale" value="en_US">
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f72-p151-o1">
<input type="hidden" name="_wpcf7_container_post" value="151">
<input type="hidden" name="g-recaptcha-response" value="">
</div>
<div class="form-field col-lg-6 col-md-6 col-sm-12 col-12">
    <span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required input-text" aria-required="true" aria-invalid="false" placeholder="Your Name"></span>
</div>
<div class="form-field col-lg-6 col-md-6 col-sm-12 col-12">
    <span class="wpcf7-form-control-wrap your-email"><input type="email" name="your-email" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email input-text" aria-required="true" aria-invalid="false" placeholder="Your E-mail"></span>
</div>
<div class="form-field col-lg-12 col-md-12 col-sm-12 col-12">
<span class="wpcf7-form-control-wrap your-subject"><input type="text" name="your-subject" value="" size="40" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required input-text" id="text" aria-required="true" aria-invalid="false" placeholder="Your Title"></span>
</div>
<div class="form-field col-lg-12 col-md-12 col-sm-12 col-12">
    <span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40" rows="2" class="wpcf7-form-control wpcf7-textarea form textarea" aria-invalid="false" placeholder="Message"></textarea></span>
</div>
<div class="contact-btn form-field align-center">
    <input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit submit-btn" id="submit"><span class="ajax-loader"></span>
</div>
<div class="wpcf7-response-output wpcf7-display-none"></div></form></div>

这是检查元素的表单代码..

标签： wordpress

解决方案

终于解决了这个问题。

用户选择：无；

应用于我的css。只需更改即可使一切正常

推荐阅读