ページ

2014年12月23日火曜日

Seasarしてみるさー 7 - htmlタグ -

色々なHTMLフォーム部品(Strutsのhtmlタグ)


・チェックボックス

    単一のチェックボックス     html:checkbox
    複数のチェックボックス     html:multibox

↓前回のログイン画面に追加
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>ログイン画面</title>
</head>
<body>
<h1>ログイン画面</h1>
<html:errors/>
<s:form>
ユーザ名 : <html:text property="name" /><br>
パスワード : <html:password property="password" /><br>
<br>
<html:checkbox styleId="checkbox" property="checkbox" value="1" />
<label for="checkbox">チェックボックス</label>
<br>
<html:multibox styleId="multibox1" property="multibox" value="1">マルチボックス1</html:multibox>
<label for="multibox1">multibox1</label>
<html:multibox styleId="multibox2" property="multibox" value="2">マルチボックス2</html:multibox>
<label for="multibox2">multibox2</label>
<html:multibox styleId="multibox3" property="multibox" value="3">マルチボックス3</html:multibox>
<label for="multibox3">multibox3</label>
<br>
<s:submit value="ログイン" property="login" />
</s:form>
</body>

</html>

↓ActionForm側
/**
 * ログインフォームクラス
 */
public class LoginForm {

@Required
public String name;
@Required
public String password;
public boolean checkbox;
public String[] multibox;

}

※どうやらmultiboxはString[]でアクションフォームを作らないとエラーになる

・セレクトボックス

     セレクトボックスはhtml:selectタグで出力する
     複数項目の中から1つもしくわ複数選択する場合に使用する。

↓またまたログイン画面に追加
<html:select property="select">
  <html:option value="1">Java</html:option>
  <html:option value="2">C#</html:option>
  <html:option value="3">Ruby</html:option>
</html:select>

<br>

↓ActionForm
/**
 * ログインフォームクラス
 */
public class LoginForm {

@Required
public String name;
@Required
public String password;
public boolean checkbox;
public String[] multibox;
public String select;

}

※またhtml:selectにmultiple属性やsize属性を追加する事もできる

チェックボックスとセレクトボックスの実行画面

















0 件のコメント:

コメントを投稿