我正在尝试使用这个联系表单脚本http://plugins.theodin.co.uk/jquery/contactable.1.3/index.html,这很好但是我有一个问题,因为我添加1或2个字段,字段之间的空间更大并且看起来很糟糕。如何删除输入文本字段之间的空格?
谢谢!
答案 0 :(得分: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>