Wordpress插件联系表格7在任何插件的帮助下更改布局

1 回答

• 2

  Contact Form 7中内置的工具允许您修改表单的外观 . 这一切都取决于你想要达到的目标 .

  例如，下面的代码将生成一个用Twitter Bootstrap类包装的表单 .

  <div class="form-group">
      <label for="name" class="col-lg-1 control-label">Name*</label>
      <div class="col-lg-12">
        [text* your-name class:form-control id:name placeholder "Your name"] 
      </div>
  
      <label for="email" class="col-lg-1 control-label">Email*</label>
      <div class="col-lg-12">
        [email* your-email class:form-control id:email placeholder "Your email"] 
      </div>
  
      <label for="contactnumber" class="col-lg-1 control-label">Number*</label>
      <div class="col-lg-12">
        [tel* contact-number class:form-control id:contactnumber placeholder "Your contact number"] 
      </div>
  
      <label for="message" class="col-lg-1 control-label">Message*</label>
      <div class="col-lg-12">
        [textarea* your-message class:form-control id:message placeholder "Your message"] 
      </div>
  </div>
  

  这可以直接添加到Contact Form 7中，无需任何其他插件，但正如我所提到的，我们需要更好地了解您要实现的目标 .

  回复于 2024-05-03T23:44:31+08:00