我正在尝试使用此联系表单脚本http://plugins.theodin.co.uk/jquery/contactable.1.3/index.html,这很好,但是我遇到一个问题,因为我添加了1或2个字段,所以字段之间的空间更大并且看起来很糟糕。如何删除输入文本字段之间的空格?

谢谢!

最佳答案

您应该在自己的段落标签中添加新字段。

例如,要添加一个新字段,我可以在另一个字段的上方或下方插入此字段。

<p>
  <label for="new_field">New Field <span class="red"> * </span></label>
  <br>
  <input name="new_field" class="contact" id="new_field">
</p>


最终代码如下所示:

<form action="" method="" id="contactForm" style="margin-left: -10px;">
  <div class="holder">
    <p>
      <label for="new_field">New Field <span class="red"> * </span></label>
      <br>
      <input name="new_field" class="contact" id="new_field">
    </p>
    <p>
      <label for="name">Name<span class="red"> * </span></label>
      <br>
      <input name="name" class="contact" id="name">
    </p>
    <p>
      <label for="email">Email <span class="red"> * </span></label>
      <br>
      <input id="email" class="contact" name="email">
    </p>
    <p>
      <label for="message">Message <span class="red"> * </span></label>
      <br>
      <textarea cols="30" rows="4" class="message" name="message" id="message"></textarea>
    </p>
    <p>
      <input type="submit" value="SEND" class="submit">
    </p>
    <p class="disclaimer">Please feel free to get in touch, we value your feedback</p>
  </div>
</form>

关于jquery - CSS无法更改输入文本字段之间的空间,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/14403550/

10-13 07:45
查看更多