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,891 thoughts on “Play Framework HTML5 input elements”

  5. Все самое свежее здесь: циклевка паркета цена

  6. Обязательно к прочтению: шлифовка старого паркета

  8. What you published made a lot of sense. But, think on this,
    what if you composed a catchier title? I am not suggesting your
    content isn’t solid., however suppose you added something that makes people desire more?
    I mean Play Framework HTML5 input elements | freestyle developments is
    a little plain. You could glance at Yahoo’s home page and note how they create
    post titles to get viewers to open the links. You might try adding
    a video or a pic or two to grab people excited about what you’ve written. Just
    my opinion, it would make your blog a little bit more interesting.

  9. Minedrop — захватывающий слот в стиле Minecraft!
    Копайте блоки, собирайте ресурсы и выигрывайте крупные призы.
    Уникальная механика падающих
    символов создаёт цепочки побед
    minecraft казино играть.
    Погрузитесь в пиксельный мир приключений и богатств!

  10. I like the helpful information you provide in your articles.

    I will bookmark your blog and check again here frequently.
    I’m quite sure I’ll learn many new stuff right here!
    Best of luck for the next!

  11. Have you ever considered publishing an ebook or guest authoring on other sites?
    I have a blog based upon on the same topics you discuss and would really like
    to have you share some stories/information. I know
    my visitors would appreciate your work. If you are even remotely interested, feel
    free to shoot me an e mail.

  12. Singapore’s consistent tоp rankings іn global
    assessments ⅼike TIMSS and PISA һave madе
    supplementary primary math tuition аlmost standard among families aiming to uphold tһat world-class standard.

    Numerous Singapore parents choose secondary-level math tuition tߋ ensure their
    children гemain ahead in an environment ѡheｒe class placement heavily rely ߋn mathematics reѕults.

    F᧐r JC students facing difficulties adjusting tօ self-directed һigher
    education, oг thⲟse targeting the jսmp fгom ցood tо excellent, math
    tuition рrovides tһe critical edge needеd to excel in Singapore’ѕ highly
    meritocratic post-secondary environment.

    Ӏn a city with packed schedules ɑnd heavy traffic, internet-based secondary math coaching
    enables secondary learners tօ access focused exam
    preparation аt any convenient time, sսbstantially boosting tһeir ability tߋ tackle multi-step ⲣroblems.

    Exploratory modules аt OMT encourage innovative рroblem-solving, aiding trainees fіnd mathematics’s virtuosity
    аnd feel inspired fоr exam achievements.

    Enlist todɑy in OMT’s standalone e-learning programs аnd ѕee
    yoսr grades skyrocket tһrough unlimited access tߋ top quality,
    syllabus-aligned сontent.

    Wіth trainees in Singapore beginning official math education fгom the first daｙ аnd dealing witһ hiɡh-stakes evaluations, math tuition οffers the additional edge neеded tо achieve tоp performance in this іmportant subject.

    Tuition іn primary math iѕ crucial fоr PSLE preparation, ɑs it presens innovative strategies fօr handling
    non-routine ρroblems that stump mɑny prospects.

    Ꮃith the OLevel math curriculum occasionally advancing,
    tuition кeeps trainees upgraded on ⅽhanges, guaranteeing thеy are well-prepared fօr pгesent styles.

    With A Levels influencing job courses in STEM fields, math tuition strengthens foundational
    skills f᧐r future university гesearch studies.

    By incorporating exclusive аpproaches witһ the MOE syllabus, OMT supplies а distinctive strategy
    tһat highlights clarity ɑnd depth in mathematical thinking.

    OMT’ѕ system encourages goal-setting sia, tracking milestones tⲟwards accomplishing highеr grades.

    Ԝith mathematics scores impacting һigh school placements,
    tuition іs key for Singapore primary students intending fⲟr elite institutions via PSLE.

    Ⅿy webpage … a math papers

  17. I every time emailed this weblog post page to all my friends, because if
    like to read it after that my links will too.

  20. It’s hard to come by experienced people on this topic, however, you sound like you know what you’re talking about!
    Thanks

  22. Every weekend i used to pay a quick visit this website, for the reason that i wish for enjoyment, as this this site conations really nice funny data too.

  23. all the time i used to read smaller posts that as well clear their motive, and that is
    also happening with this post which I am reading at this place.

  25. Thank you for the auspicious writeup. It in fact was a amusement account it.
    Glance complicated to far added agreeable from you! However, how can we be in contact?

  26. Valuable info. Fortunate me I discovered your website accidentally, and I’m shocked why this twist
    of fate did not took place earlier! I bookmarked it.

  27. My brother suggested I would possibly like this blog.
    He used to be entirely right. This post actually made my day.
    You cann’t imagine simply how much time I had spent for this information! Thank you!

  29. Normally I don’t read post on blogs, but I would like to say that
    this write-up very forced me to take a look at and do so!
    Your writing taste has been amazed me. Thank you, quite nice post.

  30. I’m not that much of a internet reader to be honest but your
    sites really nice, keep it up! I’ll go ahead and bookmark
    your website to come back later on. All the best

  31. Thank you for any other informative site. Where else may just I get
    that kind of information written in such a perfect approach?
    I’ve a mission that I am just now running on, and I’ve been at the glance out for such info.

  32. Nice 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 website loaded up as fast as yours lol

  33. Every weekend i used to go to see this website, for the reason that i wish for
    enjoyment, for the reason that this this site conations really pleasant funny data too.

  34. Oh my goodness! Awesome article dude! Thanks,
    However I am experiencing difficulties with your RSS.
    I don’t understand why I can’t join it. Is there anyone
    else getting the same RSS issues? Anybody who knows the
    solution can you kindly respond? Thanks!!

  35. I have to thank you for the efforts you’ve put in penning this site.

    I am hoping to view the same high-grade content by you in the future as well.
    In truth, your creative writing abilities has motivated me to get my own, personal blog now ;)

  36. You have made some good points there. I checked on the internet
    for additional information about the issue and found most people
    will go along with your views on this website.

  38. It’s a shame you don’t have a donate button! I’d without a
    doubt donate to this superb blog! I guess for now i’ll settle for book-marking and adding your
    RSS feed to my Google account. I look forward to fresh updates and will talk about this blog with my Facebook group.

    Talk soon!

  40. whoah this weblog is great i like reading your articles.
    Stay up the good work! You know, many persons are searching round for this info, you could help them greatly.

  44. Hi there to every one, for the reason that I am actually keen of
    reading this webpage’s post to be updated daily.

    It contains nice stuff.

  46. I’m not sure where you’re getting your info, but great
    topic. I must spend some time learning more or figuring out more.
    Thank you for excellent information I was on the lookout for this info for
    my mission.

  47. Just desire to say your article is as astonishing.
    The clearness on your publish is just cool and that i could assume you are a professional in this subject.
    Fine with your permission let me to seize your feed to keep
    updated with impending post. Thanks 1,000,000
    and please carry on the rewarding work.

  48. I simply couldn’t go away your web site prior to suggesting that I extremely enjoyed the
    usual info a person supply to your guests? Is gonna be back steadily in order to check
    out new posts

  49. buy poker machine united kingdom, casino ratings canada and best united
    kingdom get coins casino games for rewards (Wade), or
    big poker tournaments in australia

  50. I loved as much as you will receive carried out right here.
    The sketch is attractive, your authored material stylish.
    nonetheless, you command get bought an shakiness over that
    you wish be delivering the following. unwell unquestionably come
    more formerly again as exactly the same nearly a lot often inside case you shield this increase.

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>