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.

18,583 thoughts on “Play Framework HTML5 input elements”

  1. Do you have a spam issue on this site; I also am a blogger, and I
    was curious about your situation; we have developed some
    nice procedures and we are looking to trade techniques with
    others, be sure to shoot me an e-mail if interested.

  3. Browse Kaizenaire.com fօr Singapore’ѕ curated promotions, mаking
    іt the top selection for deals and event alerts.

    Promotions ɑгe prizes in Singapore’s shopping paradise, treasured
    ƅy Singaporeans.

    Volunteering at animal sanctuaries іѕ a satisfying task for compassionate
    Singaporeans, ɑnd kеep in mind to stay upgraded on Singapore’s moѕt recent promotions and shopping deals.

    Tiger Beer, ɑ legendary neighborhood brew, supplies refreshing ales
    tһat Singaporeans enjoy f᧐r their crisp taste ԁuring social events and celebrations.

    Tiger Beer,а legendary local mixture mah, рrovides rejuvenating brews tһat Singaporeans enjoy for
    thеir crisp preference thｒoughout celebrations ɑnd
    events sіa.

    The Coffee Bean & Tea Leaf brews specialty coffees and teas, valued fοr cozy atmospheres
    ɑnd signature beverages like the Ice Blended.

    Don’t bе obsoleted leh, Kaizenaire.ⅽom updates with
    most current discounts оne.

    My webpage – Supermarket promotions

  5. goGLOW Houston Heights
    1515 Studemont St Suuite 204, Houston,
    Texas, 77007, UЅA
    (713) 364-3256
    goglow safe (Vada)

  6. Fantastic goods from you, man. I’ve understand your stuff previous to
    and you’re just too excellent. I actually like what you have
    acquired here, certainly like what you are stating and the way in which you say it.
    You make it entertaining and you still take care of to keep it smart.
    I cant wait to read much more from you. This is actually a wonderful website.

  7. Have you ever thought about adding a little bit more than just your articles?
    I mean, what you say is valuable and all. But think about if
    you added some great photos or videos to give your posts more, “pop”!
    Your content is excellent but with images and video clips,
    this website could definitely be one of the most beneficial in its field.
    Fantastic blog!

  11. Hi there, just wanted to tell you, I loved this post.
    It was inspiring. Keep on posting!

  14. Have you ever considered publishing an e-book or guest
    authoring on other blogs? I have a blog based upon on the same information you discuss
    and would love to have you share some stories/information. I know my readers would enjoy your work.

    If you are even remotely interested, feel free to shoot me
    an e mail.

  16. Nice post. I learn something new and challenging on sites I
    stumbleupon every day. It’s always useful to read
    articles from other writers and practice a little something from their web sites.

  19. The company also specializes in hard drive recovery, helping users recover data from damaged, formatted, or malfunctioning
    hard disks using professional-grade techniques. Additionally, their SD Card Recovery service
    is ideal for restoring lost media files such as photos, videos, and documents from memory cards.
    RitriData combines technical expertise with modern recovery tools to deliver dependable results for individuals,
    businesses, and IT environments dealing with critical data
    loss situations.

  20. You’ve made some really good points there. I looked on the net for more info
    about the issue and found most individuals will go
    along with your views on this site.

  21. Hey very cool blog!! Guy .. Beautiful .. Amazing .. I will bookmark your web site and take the feeds also?
    I am satisfied to find numerous helpful info right here in the submit,
    we want work out more techniques in this regard, thanks for sharing.
    . . . . .

  24. Write more, thats all I have to say. Literally, it seems as though you relied
    on the video to make your point. You clearly know
    what youre talking about, why throw away your intelligence on just posting videos to
    your site when you could be giving us something informative to read?

  26. I used to be very pleased to search out this internet-site.I needed to thanks in your time for this wonderful learn!! I definitely enjoying each little bit of it and I’ve you bookmarked to check out new stuff you blog post.

  28. Hi there, yup this piece of writing is actually fastidious and I have learned lot of things from
    it concerning blogging. thanks.

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>