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.

20,001 thoughts on “Play Framework HTML5 input elements”

  1. It’s very simple to find out any matter on net as compared
    to textbooks, as I found this article at this web page.

  2. I’m gone to say to my little brother, that he should
    also visit this website on regular basis to obtain updated from hottest news update.

  3. If yoou aare goling for brst cntents lik I do, simply paay a visit this webb site daqily
    as it provids feagure contents, thanks

    Take a loolk aat myy website – javkink.com

  4. My brother suggested I might like this blog. He was entirely right.
    This post truly made my day. You can not imagine just how
    much time I had spent for this info! Thanks!

  6. I was very happy to discover this web site. I want to to thank you for ones time due to this wonderful read!!

    I definitely appreciated every part of it and I have
    you book marked to check out new information on your site.

  8. Thanks for these pointers. One thing I should also believe is credit cards providing a 0 rate of interest often bait consumers together with zero interest rate, instant acceptance and easy on the web balance transfers, however beware of the number one factor that can void your current 0 easy street annual percentage rate and to throw you out into the bad house quickly.

  9. You really make it seem so easy with your presentation but I find this matter to be really
    something which I think I would never understand. It seems too complicated and extremely broad for me.

    I’m looking forward for your next post, I will try to get the hang of
    it!

  10. I’m not sure where you’re getting your info, but good topic.
    I needs to spend some time learning much more or understanding more.
    Thanks for magnificent information I was looking
    for this info for my mission.

  11. Helpful info. Fortunate me I found your web site by chance,
    and I’m shocked why this accident didn’t took place in advance!
    I bookmarked it.

  13. Just want to say your article is as astounding. The clearness in your post is
    just excellent and i could assume you’re an expert on this
    subject. Fine with your permission let me to
    grab your feed to keep up to date with forthcoming post.
    Thanks a million and please carry on the gratifying work.

  16. Great web site you have got here.. It’s hard to find excellent writing like yours nowadays.
    I seriously appreciate people like you! Take care!!

  19. Good site you have got here.. It’s difficult
    to find excellent writing like yours these days.
    I seriously appreciate individuals like you!
    Take care!!

  20. I’ve learn a few good stuff here. Definitely price bookmarking for revisiting.
    I wonder how much effort you put to create this type of excellent informative site.

  21. When I originally commented I clicked the “Notify me when new comments are added” checkbox and now
    each time a comment is added I get several emails with the same
    comment. Is there any way you can remove people
    from that service? Thanks a lot!

  24. Great blog here! Also your web site loads up very fast! What host are you using?
    Can I get your affiliate link to your host? I wish my web site loaded up as quickly as
    yours lol

  26. Tremendous things here. I’m very satisfied to look
    your post. Thank you a lot and I’m having a look forward to touch you.

    Will you please drop me a mail?

  28. I have been exploring for a little for any high-quality articles
    or blog posts in this sort of house . Exploring in Yahoo I eventually stumbled upon this
    site. Studying this info So i’m satisfied to show
    that I have an incredibly good uncanny feeling I came upon exactly
    what I needed. I such a lot undoubtedly will make certain to
    do not fail to remember this website and give it
    a glance regularly.

  29. Great blog you have here but I was wondering if you knew of any forums that
    cover the same topics talked about in this article? I’d really love to be a part of online community where I can get comments from other experienced
    people that share the same interest. If you have any recommendations, please let me know.
    Thanks!

  30. Excellent blog here! Also your website loads up fast! What host are you using?
    Can I get your affiliate link to your host?

    I wish my web site loaded up as quickly as yours lol

  34. Helpful update on [url=https://staking-polygon.com/blog/matic-to-pol-migration/]MATIC to POL migration[/url] — useful for anyone trying to understand how the token change affects Polygon staking.

  35. You actually make it appear so easy along with your presentation however I find this matter to be actually one thing that
    I believe I’d by no means understand. It
    sort of feels too complex and extremely wide
    for me. I am looking ahead in your next submit, I will
    attempt to get the hold of it!

  36. My brother recommended I would possibly like this
    web site. He used to be totally right. This submit truly made my day.

    You cann’t believe just how much time I had spent for this info!
    Thanks!

  38. First of all I would like to say fantastic blog! I had a quick question which I’d like to ask if you don’t mind.
    I was interested to know how you center yourself and
    clear your mind prior to writing. I’ve had a tough time
    clearing my mind in getting my thoughts out there.
    I do enjoy writing however it just seems like the first 10
    to 15 minutes are wasted just trying to figure out how to begin. Any recommendations or tips?
    Appreciate it!

  39. This is very interesting, You’re a very skilled blogger.
    I have joined your rss feed and look forward to seeking more of your wonderful
    post. Also, I’ve shared your web site in my social networks!

  42. Amazing blog! Do you have any tips for aspiring writers?

    I’m planning to start my own blog soon but I’m a little lost on everything.

    Would you suggest starting with a free platform like WordPress or go for a paid option? There
    are so many choices out there that I’m totally overwhelmed ..
    Any ideas? Bless you!

  46. Hi terrific blog! Does running a blog such as this take a massive amount work?
    I’ve no knowledge of programming however I was hoping to start my own blog in the near future.
    Anyhow, should you have any ideas or tips for new blog owners please share.

    I know this is off subject however I simply had to ask.
    Thank you!

  49. I think this is among the most important information for me.
    And i’m glad reading your article. But want to remark on few general
    things, The web site style is great, the articles is really great : D.
    Good job, cheers

  50. We stumbled over here coming from a different page and thought I might as well check things out.
    I like what I see so i am just following you. Look forward to going
    over your web page yet again.

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>