CSS不能改變輸入文本字段之間的空間

Question

我試圖用這個聯繫表格腳本http://plugins.theodin.co.uk/jquery/contactable.1.3/index.html這是偉大的，但是我有一個問題，我添加1個或2個字段，字段之間的空間更大，看起來不好。如何刪除輸入文本字段之間的空格？

謝謝！

Answer 1

你應該將自己的段落標記的新領域。

例如，爲了增加一個新的字段，我會插入此以上或以下的另一字段。

<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>