Play Framework HTML5 input elements

The built in Play input elements are fairly restrictive in that you can’t specify the input type. I wrote a helper template that you can use to generate input elements which have HTML5 type attributes such as url, email, number, search etc. etc.

All you have to do is call the template method, passing the HTML input type as a parameter. For example:

@helper.html5.input(form("website"), '_label -> "Website:", 'type -> "url")

If you have a form field mapped as a play.api.data.Forms.email then the template will automatically infer it’s type so you don’t have to pass the type attribute in with your html attributes:

@helper.html5.input(form("email"), '_label -> "Email:")

If your field has the required constraint, e.g. it is a “nonEmptyText” then the template will add the HTML5 “required” attribute to the field as well.

You can get the source code here.

14,359 thoughts on “Play Framework HTML5 input elements

  1. โพสต์นี้ อ่านแล้วเพลินและได้สาระ
    ค่ะ
    ดิฉัน ไปเจอรายละเอียดของ ข้อมูลเพิ่มเติม

    สามารถอ่านได้ที่ flix99
    สำหรับใครกำลังหาเนื้อหาแบบนี้
    เพราะอธิบายไว้ละเอียด
    ขอบคุณที่แชร์ คอนเทนต์ดีๆ นี้
    และอยากเห็นบทความดีๆ แบบนี้อีก

  2. I am not sure where you are getting your info, but good
    topic. I needs to spend some time learning more or understanding more.
    Thanks for excellent information I was looking for this information for my mission.

  3. Thanks , I’ve recently been looking for information about this
    subject for ages and yours is the best I’ve came upon till now.
    But, what concerning the bottom line? Are you positive about
    the source?

  4. Asking questions are truly good thing if you are not understanding anything entirely, however this post offers fastidious understanding yet.

  5. Hi Dear, are you really visiting this web site on a regular basis,
    if so after that you will absolutely take nice experience.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>