QuickFormの組込

ＷｏｒｄＰｒｅｓｓの固定ページにQuickFormを使ってフォームが作れないかをためしてみた。

ソースコードは次のとおり

<div style="background-color:lime ;width:300px; margin-left:170px;> <?php require_once 'HTML/QuickForm.php'; $form = new HTML_QuickForm('myForm', 'POST', 'sample1next.php'); $form->addElement('header', 'Header', 'QuickFormの単純な例'); $form->addElement('text', 'Name', '名前'); $form->addElement('reset', 'ResetButton', 'リセット'); $form->addElement('submit', 'SubmitButton', '送信'); $form->addRule('Name', '名前を入力してください', 'required'); $form->display(); ?> </div>

結果は次のとおりであった。

  • フォームは表示されたが、リセットボタン、送信ボタンをクリックしても反応なし。
  • QuickFormを使わず、次のHTMLでフォームを作るとを問題なく使えた。

&lt;form action="sample2next.php" method="post" name="myForm" id="myForm"&gt; &lt;div&gt; &lt;table style="vertical-align: middle;" border="0"&gt;</p>
<p>&lt;tr&gt; &lt;td style="white-space: nowrap; background-color:lime ;" align="center" valign="middle" colspan="2"&gt;&lt;b&gt;Formの単純な例&lt;/b&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align="right"&gt;&lt;span style="color: #ff0000"&gt;*&lt;/span&gt;&lt;b&gt;名前&lt;/b&gt;&lt;/td&gt; &lt;td align="left"&gt; &lt;input name="Name" type="text" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align="right" valign="middle"&gt;&lt;b&gt;&lt;/b&gt;&lt;/td&gt; &lt;td align="left"&gt; &lt;input name="ResetButton" value="リセット" type="reset" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td align="right" valign="middle"&gt;&lt;b&gt;&lt;/b&gt;&lt;/td&gt; &lt;td align="left"&gt; &lt;input name="SubmitButton" value="送信" type="submit" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;&lt;/td&gt; &lt;td align="left" valign="top"&gt;&lt;span style="font-size:80%; color:#ff0000;"&gt;*&lt;/span&gt;&lt;span style="font-size:80%;"&gt; denotes required field&lt;/span&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&gt; &lt;/div&gt; &lt;/form&gt;