把字幕和现场旁边其他的联系表格7

Question

我使用的联系表格7

从形式的HTML代码：

<div class="clearfix"> 
    <div id="left"> 
     First name [text first-name]<br/> 
     Last name [text last-name]<br/> 
     How Did You Find Us? [text text-find-us] 
    </div> 
    <div id="right"> 
    Email [email* your-email] <br/> 
    Phone [text your-phone] 
    </div> 
</div> 

Subject [text* your-subject] <br/> 
Message [textarea* your-message]<br/> 
[submit "Send"] 

我怎样才能把“名”是在与用户键入他/她的名字的框文本框相同？

Answer 1

不确定联系表单7如何使用括号内的标签呈现html。您可以使用CSS/HTML来定位项目。

HTML：

<div class="clearfix"> 
    <div id="left"> 
    <span class="label">First name</span><span class="form-input">[text first-name]</span><br/> 
    <span class="label">Last name</span><span class="form-input">[text last-name]</span><br/> 
    <span class="label">How Did You Find Us?</span><span class="form-input">[text text-find-us]</span> 
    </div> 
    <div id="right"> 
    <span class="label">Email</span><span class="form-input">[email* your-email]</span><br/> 
    <span class="label">Phone</span><span class="form-input">[text your-phone]</span> 
    </div> 
</div> 

CSS：

div#left { 
    float: left; 
    width: 400px; 
} 
div#right { 
    float:left; 
    width: 400px; 
} 
span.label { 
    float: left; 
    width: 180px; 
} 
span.form-input { 
    float: left; 
    width: 200px; 
} 

小提琴：https://jsfiddle.net/mediaguru/f1e68999/