Play Scala Form Helper with custom HTML

Question

I'm creating a form in Play using the following code: ``` @inputText(loginForm("password"), 'type -> "password", '_label -> null) ``` It generates the following HTML code: ```

: ``` While I want it to generate: ``` ``` Is there an easy way of doing this?

Accepted Answer

You can achieve this by creating a custom FieldConstructor (see http://www.playframework.com/documentation/2.3.x/ScalaCustomFieldConstructors).

Create a new file `views/helper/myPlainFieldConstructor.scala.html` that contains the following:

```
@(elements: helper.FieldElements)

@elements.input
```

[For reference, you can see the default field constructor here.]

Then, in the view template containing your form:

```
@import helper._
@implicitField = @{ FieldConstructor(myPlainFieldConstructor.f) }

[...]

@form(action = ...) {
  @inputPassword(loginForm("password"))
}
```

Note: If you really need `value=""`, you can add `'value -> ""` to the helper's arguments, i.e.

```
@inputPassword(loginForm("password"), 'value -> "")
```

Or further customize the HTML with the generic `input` helper, as in:

```
@input(loginForm("password")) { (id, name, value, args) =>
    <input type="password" name="@name" id="@id" value="" @toHtmlArgs(args)>
}
```

Play Scala Form Helper with custom HTML

Solution

Problem

Related problems