css - 如何在 Play 2 for Scala 中为单选按钮添加样式？

Question

我有以下代码：

@inputRadioGroup(  
      registrationForm("gender"),
     options = Seq("M"->"Male","F"->"Female"),
     '_label -> "Gender",
     '_error -> registrationForm("gender").
            error.map(_.withMessage("select gender")))

这些行以未格式化的方式输出一个单选按钮。如何在 play 2 中格式化它？

Answer 1

如果添加 option '_class -> "myclassname"，则<dl>包含单选按钮组的标签将具有该类名称。剩下的就是 CSS。:)

@inputRadioGroup(
    registrationForm("gender"),
    options = Seq("M"->"Male","F"->"Female"),
    '_label -> "Gender",
    '_error -> myform("gender").
        error.map(_.withMessage("select gender")),
    '_class -> "myclassname")

生成的 HTML：

<dl class="myclassname " id="gender_field">
    <dt><label for="gender">Gender</label></dt>
    <dd>
  <span class="buttonset" id="gender">

      <input type="radio" id="gender_M" name="gender" value="M"  >
      <label for="gender_M">Male</label>

      <input type="radio" id="gender_F" name="gender" value="F"  >
      <label for="gender_F">Female</label>

  </span>
</dd>

如果您不想通过 CSS 格式化单选组，而是完全更改生成的 HTML，则可以编写自己的表单帮助模板（或者，您可以手动插入单选组的 HTML） .