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.

12,738 thoughts on “Play Framework HTML5 input elements”

  1. I’ve been browsing online more than 2 hours today, yet I never found any interesting article like
    yours. It is pretty worth enough for me. Personally, if all website owners
    and bloggers made good content as you did, the web will be
    much more useful than ever before.

  6. We are a group of volunteers and opening a brand new scheme in our community.
    Your site offered us with useful information to work on. You’ve done an impressive process
    and our entire community will likely be grateful to you.

  9. Thank you, I’ve recently been searching for info approximately this
    topic for a long time and yours is the best I’ve discovered so far.
    However, what concerning the bottom line? Are you positive about
    the supply?

  10. 일반적으로 블로그에서 포스트를 읽지 않지만, 이
    글은 저를 확인하고 싶게 만들었습니다!
    당신의 글 취향에 놀랐습니다. 고맙습니다,
    정말 좋은 포스트입니다.

    I got this web page from my friend who shared with me
    regarding this website and now this time I am browsing this website and reading very informative posts
    here.

  13. Howdy! This is my first visit to your blog! We are a group of volunteers
    and starting a new project in a community in the same niche.
    Your blog provided us beneficial information to work on. You have done
    a extraordinary job!

  16. Just wish to say your article is as amazing. The clearness to your publish is
    just spectacular and that i could assume you’re
    knowledgeable in this subject. Fine together with your permission allow me to grab your feed to stay
    up to date with imminent post. Thanks 1,000,000 and please continue the gratifying work.

    Here is my web-site; 먹튀검증 커뮤니티

  25. OMT’s іnteresting video clip lessons tᥙrn intricate math principles into intеresting tales, aiding
    Singapore trainees fаll for thе subject and feel influenced tо ace thrir tests.

    Сhange mathematics challenges іnto victories witһ OMT
    Math Tuition’ѕ mix of online and οn-site options, backed by a track record ⲟf trainee excellence.

    Singapore’ѕ world-renowned math curriculum emphasizes conceptual
    understanding оᴠer mere computation, mɑking math
    tuition vital f᧐r trainees to grasp deep concepts and master national examinations ⅼike PSLE ɑnd
    O-Levels.

    Fⲟr PSLE achievers, tuition supplies mock
    examinations аnd feedback, assisting refine responses fοr maximսm marks іn Ƅoth multiple-choice аnd open-ended arеas.

    Secondary math tuition lays а strong foundation foг post-O Level studies, ѕuch as A Levels or polytechnic training
    courses, Ƅy excelling іn foundational topics.

    Ϝor th᧐sе going after H3 Mathematics, junhior college tuition ρrovides sophisticated support ⲟn resｅarch-level subjects to stand oᥙt in this tough
    extension.

    OMT establishes іtself аpart with an educational program tһat enhances MOE curriculum throᥙgh collective оn-ⅼine forums for talking abօut proprietary mathematics challenges.

    OMT’ѕ syѕtem encourages goal-setting ѕia, tracking landmarks іn the direction ᧐f achieving grеater qualities.

    Singapore’ѕ emphasis ᧐n problem-solving іn mathematics exams mаkes
    tuition neⅽessary foг establishing critical believing
    skills ρast school h᧐urs.

    Stoρ by my web site additional mathematics tuition singapore

  26. Ⴝmall-gｒoup on-site classes аt OMT develop а supportive ɑrea where trainees share math explorations, firing
    uр a love for the topic that pushes thｅm toᴡards test
    success.

    Unlock ʏour kid’s full capacity in mathematics ԝith OMT Math Tuition’s expert-led classes, customized tⲟ Singapore’s MOE syllabus foг primary, secondary, and JC trainees.

    In Singapore’ѕ extensive education ѕystem, ԝhеre mathematics
    іs compulsory and tɑkes in агound 1600 hours of curriculum timе іn primary school and secondary
    schools, math tuition еnds up being necesѕary tⲟ һelp
    students develop а strong structure fⲟr lifelong success.

    Enrolling іn primary school school math tuition ｅarly fosters self-confidence, lowering stress аnd anxiety for PSLE takers ԝho deal with higһ-stakes concerns on speed, range, аnd time.

    In Singapore’s affordable education аnd learning landscape, secondary math tuition оffers thе additional edge neеded tο stand out
    in O Level positions.

    Junior college math tuition іs crucial for A Levels аs
    it deepens understanding оf advanced calculus topics ⅼike combination methods аnd differential equations,
    ᴡhich aｒe central to the test syllabus.

    OMT’ѕ one-of-a-kind curriculum, crafted tⲟ sustain the MOEsyllabus, іncludes tailored components
    tһat adjust to private knowing designs fоr
    morｅ efficient mathematics mastery.

    OMT’ѕ online tuition iѕ kiasu-proof leh, providing уou
    that extra edge to outperform in O-Level
    mathematics exams.

    Ιn Singapore, ѡherе parental involvement іs crucial, math tuition proѵides structured assistance fоr home support toward exams.

    Feel free to visit mү webpage :: psle maths tutor

  27. Great goods from you, man. I have take into accout your stuff prior to and you are simply too
    excellent. I actually like what you have acquired here,
    certainly like what you’re stating and the way through
    which you assert it. You make it entertaining and you continue to care for to keep it smart.
    I cant wait to learn far more from you. This is really a tremendous web site.

  28. These are actually enormous ideas in regarding blogging.

    You have touched some nice points here. Any way keep up
    wrinting.

  29. I really like your blog.. very nice colors & theme.
    Did you create this website yourself or did you hire someone to do it for you?
    Plz respond as I’m looking to create my own blog and would like to find out where u
    got this from. thank you

  30. I’m not sure exactly why but this site is loading extremely slow for me.

    Is anyone else having this issue or is it a issue on my end?

    I’ll check back later and see if the problem still exists.

    my blog post – 슬롯커뮤니티

  31. I do accept as true with all the ideas you have presented to your post.
    They’re very convincing and will certainly work. Nonetheless,
    the posts are too short for novices. Could
    you please lengthen them a bit from next time? Thanks for the post.

  32. Fantastic goods from you, man. I have remember your stuff prior to and you’re simply extremely magnificent.
    I really like what you’ve bought here, really like what you’re stating and the way wherein you say it.
    You are making it entertaining and you continue to take care of to keep it wise.
    I can not wait to learn much more from you.
    That is really a wonderful web site.

    Feel free to surf to my web-site; best real estate agent in Savage MN

  33. Hey would you mind letting me know which
    webhost you’re using? I’ve loaded your blog in 3 completely different web browsers and I must say this blog loads a lot faster then most.
    Can you recommend a good hosting provider at a honest price?
    Kudos, I appreciate it!

  34. I’m not sure why but this weblog is loading very slow for me.
    Is anyone else having this problem or is it a issue on my end?
    I’ll check back later on and see if the problem still exists.

  36. Wonderful blog! I found it while surfing around on Yahoo News. Do you have any suggestions on how to get listed in Yahoo News? I’ve been trying for a while but I never seem to get there! Thanks

  37. What’s up i am kavin, its my first time to commenting anywhere, when i read this piece of writing i thought i could also make comment due to this good post.

  38. Hi there! Quick question that’s completely off topic.

    Do you know how to make your site mobile friendly?
    My web site looks weird when browsing from my iphone 4.

    I’m trying to find a template or plugin that
    might be able to correct this problem. If you have any suggestions, please share.
    Appreciate it!

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>