フォームへのボタンの追加

次に、連絡先の保存と削除を行うボタンをフォームに追加します。ボタンは Zen button コンポーネントです。

以下のコードを、form の下部の、</form> の終了タブの直前に追加します。

 <hgroup>
  <button caption="Save" onclick="zenPage.saveContact();" />
  <spacer width="5"/>
  <button caption="Delete" onclick="zenPage.deleteContact();" />
</hgroup>      

各要素には onclick 属性があります。各属性は、そのボタンのクリックのイベント・ハンドラを指定します。どの場合も、イベント・ハンドラはクライアント側 JavaScript 関数です。この後のページで、これらの関数を HomePage.cls に追加します。