[4-11] フォーム要素を個別に表示

hidenorigoto · Nov 4, 2015 · 76ca852 · 76ca852
1 parent f3ec4c3
commit 76ca852
Show file tree

Hide file tree

Showing 2 changed files with 86 additions and 1 deletion.
diff --git a/app/Resources/views/Inquiry/index.html.twig b/app/Resources/views/Inquiry/index.html.twig
@@ -16,7 +16,48 @@
 <section id="inquiry-sec">
     <div class="container">
         <div class="row pad-row">
-            {{ form(form) }}
+            {{ form_start(form) }}
+            <table class="table">
+                <tr>
+                    <th><i class="fa fa-circle"></i> お名前</th>
+                    <td>
+                        {{ form_widget(form.name, {"attr": {"class":"form-control"}}) }}
+                        {{ form_errors(form.name) }}
+                    </td>
+                </tr>
+                <tr>
+                    <th><i class="fa fa-circle"></i> メールアドレス</th>
+                    <td>
+                        {{ form_widget(form.email, {"attr": {"class":"form-control"}}) }}
+                        {{ form_errors(form.email) }}
+                    </td>
+                </tr>
+                <tr>
+                    <th><i class="fa fa-circle-o"></i> 電話番号</th>
+                    <td>
+                        {{ form_widget(form.tel, {"attr": {"class":"form-control"}}) }}
+                        {{ form_errors(form.tel) }}
+                    </td>
+                </tr>
+                <tr>
+                    <th><i class="fa fa-circle"></i> お問い合わせ種別</th>
+                    <td>
+                        {{ form_widget(form.type, {"attr": {"class":"form-control"}}) }}
+                        {{ form_errors(form.type) }}
+                    </td>
+                </tr>
+                <tr>
+                    <th><i class="fa fa-circle"></i> お問い合わせ内容</th>
+                    <td>
+                        {{ form_widget(form.content, {"attr": {"class":"form-control"}}) }}
+                        {{ form_errors(form.content) }}
+                    </td>
+                </tr>
+            </table>
+            <div class="text-center">
+                {{ form_widget(form.submit, {"attr": {"class":"btn btn-primary"}}) }}
+            </div>
+            {{ form_end(form) }}
         </div>
     </div>
 </section>

diff --git a/docs/lists/ch04/04-11.txt b/docs/lists/ch04/04-11.txt
@@ -0,0 +1,44 @@
+<div class="row pad-row">
+    {{ form_start(form) }}
+    <table class="table">
+        <tr>
+            <th><i class="fa fa-circle"></i> お名前</th>
+            <td>
+                {{ form_widget(form.name, {"attr": {"class":"form-control"}}) }}
+                {{ form_errors(form.name) }}
+            </td>
+        </tr>
+        <tr>
+            <th><i class="fa fa-circle"></i> メールアドレス</th>
+            <td>
+                {{ form_widget(form.email, {"attr": {"class":"form-control"}}) }}
+                {{ form_errors(form.email) }}
+            </td>
+        </tr>
+        <tr>
+            <th><i class="fa fa-circle-o"></i> 電話番号</th>
+            <td>
+                {{ form_widget(form.tel, {"attr": {"class":"form-control"}}) }}
+                {{ form_errors(form.tel) }}
+            </td>
+        </tr>
+        <tr>
+            <th><i class="fa fa-circle"></i> お問い合わせ種別</th>
+            <td>
+                {{ form_widget(form.type, {"attr": {"class":"form-control"}}) }}
+                {{ form_errors(form.type) }}
+            </td>
+        </tr>
+        <tr>
+            <th><i class="fa fa-circle"></i> お問い合わせ内容</th>
+            <td>
+                {{ form_widget(form.content, {"attr": {"class":"form-control"}}) }}
+                {{ form_errors(form.content) }}
+            </td>
+        </tr>
+    </table>
+    <div class="text-center">
+        {{ form_widget(form.submit, {"attr": {"class":"btn btn-primary"}}) }}
+    </div>
+    {{ form_end(form) }}
+</div>