コンピュータクワガタ

かっぱのかっぱによるコンピュータ関連のサイトです

Spring MVC 4.1 No. 033 form:inputタグ

form:inputタグは、HTMLの<input type="text">タグを生成します。

その要素の内、単純にHTMLの属性に置き換えられるものは、以下の属性です。cssClassやcssStyleはそれぞれclass、style属性に置き換えられます。

属性 説明
accesskey HTML標準のaccesskey属性
alt HTML標準のalt属性
autocomplete HTML標準のautocomplete属性
cssClass HTML標準のclass属性
cssStyle HTML標準のsytle属性
dir HTML標準のdir属性
disabled HTML標準のdisabled属性
id HTML標準のid属性
lang HTML標準のlang属性
maxlength HTML標準のmaxlength属性
readonly HTML標準のreadonly属性
size HTML標準のsize属性
tabindex HTML標準のtabindex
title HTML標準のtitle属性

その他、JavaScriptのDOMレベル0イベントとして以下の属性が用意されています。それぞれ同名の属性になります。

属性
onblur
onchange
onclick
ondblclick
onfocus
onkeydown
onkeypress
onkeyup
onmousedown
onmousemove
onmouseout
onmouseover
onmouseup
onselect

残りがSpring用の属性になります。

属性 説明
cssErrorClass Validationのエラー時のclass属性
htmlEscape HTMLのエスケープをするかどうか。デフォルトはtrue
path 関連付けるModelの名前

コントローラで使用するモデルです。

package com.example.spring.controller.c033;

public class C033Model {
    private String name;
    private Integer price;
    private Integer listPrice;

    public C033Model(String name, Integer price, Integer listPrice) {
        this.name = name;
        this.price = price;
        this.listPrice = listPrice;
    }

    // setter、getterは省略
}

サンプルのコントローラです。

package com.example.spring.controller.c033;

import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;

@Controller
@RequestMapping("/c033")
public class C033Controller {
    @RequestMapping("/input")
    public String input(Model model) {
        C033Model c033Model = new C033Model("よく分かるSpring<&>", 2000, 2500);
        model.addAttribute("c033Model", c033Model);
        return "c033/input";
    }
}

コントローラではformで利用する値をModelに格納しています。

カスタムタグを使用しているJSPです。

<%@page contentType="text/html; charset=utf-8" %><%--
--%><!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>サンプル</title>
 </head>
 <body>
書名: <form:input path="c033Model.name" size="20" /><br>
価格: <form:input path="c033Model.price" size="10" maxlength="6" readonly="true" /><br>
定価: <form:input path="c033Model.listPrice" size="10" disabled="true" /><br>
 </body>
</html>

path属性で、モデルの値とタグを関連付けます。Modelに設定されている値がformの初期値となります。

実際に動作させ、出力されるHTMLは以下のようになります。

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>サンプル</title>
 </head>
 <body>
書名: <input id="name" name="name" type="text" value="よく分かるSpring&lt;&amp;&gt;" size="20"/><br>
価格: <input id="price" name="price" readonly="readonly" type="text" value="2000" size="10" maxlength="6"/><br>
定価: <input id="listPrice" name="listPrice" disabled="disabled" type="text" value="2500" size="10"/><br>
 </body>
</html>

ソースは https://github.com/kuwalab/spring-mvc41 にあります。タグ033が今回のサンプルです。

まとめ http://kuwalab.hatenablog.jp/entry/spring
最初 http://kuwalab.hatenablog.jp/entry/spring_mvc41/001
前回 http://kuwalab.hatenablog.jp/entry/spring_mvc41/032
次回 http://kuwalab.hatenablog.jp/entry/spring_mvc41/034