私は、フォームからのhtmlコード7</p> <p>お問い合わせフォームを使用して7

Question

次の他のお問い合わせフォームにキャプションやフィールドを置く：

私はであることを「姓」を置くことができますどのように

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