Play Framework HTML5 input elements

Posted on by

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.

15,316 thoughts on “Play Framework HTML5 input elements”

  1. 광명출장마사지는 경기도 광명 지역에서 고객이 있는 숙소나 자택으로 마사지사가 직접
    방문하여 서비스를 제공하는 형태를 의미합니다.
    주된 이용 목적은 피로 회복이나 휴식이며

  3. You’ve made some good points there. I looked on the
    net to find out more about the issue and found most people
    will go along with your views on this site.

  4. I do not even know how I ended up here, but
    I thought this post was great. I don’t know who you are but definitely you are going to a
    famous blogger if you aren’t already ;) Cheers!

  5. Howdy! This article could not be written any better!
    Looking at this article reminds me of my previous roommate!
    He continually kept talking about this. I am going to send this information to him.
    Pretty sure he’ll have a great read. Thanks for sharing!

  6. Thanks a lot for sharing this with all people you really realize what you’re speaking approximately!
    Bookmarked. Kindly additionally talk over with my site =).
    We will have a link alternate arrangement between us

  9. This is the perfect website for anyone who hopes to understand this
    topic. You know so much its almost tough to argue with you (not that I personally will
    need to…HaHa). You certainly put a brand new spin on a topic that has been discussed for
    many years. Great stuff, just excellent!

  10. Right here is the right website for anyone who wants to find out about this topic.

    You understand a whole lot its almost hard to argue with you (not that I actually will need to…HaHa).
    You certainly put a brand new spin on a subject which
    has been written about for years. Wonderful stuff, just excellent!

  11. Howdy! I’m at work surfing around your blog from my new
    iphone! Just wanted to say I love reading your blog and look
    forward to all your posts! Carry on the superb work!

  12. در یک نگاه کلی

    برای کسانی که

    بازی انفجار آنلاین

    مشغولن

    اینجا

    کاملاً می‌تونه

    جزو بهترین‌ها باشه

    از این جهت هم

    برندهایی مثل

    enfejar оnline

    و

    سرویس sibbet

    اثرگذار بودن

    در کل داستان

    برام جالب بود

    و

    باز هم حتما

    بازدیدش می‌کنم

    Also visit my website – سایت نرم افزار – Laura,

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>