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.

14,128 thoughts on “Play Framework HTML5 input elements”

  4. Quality content is the main to interest the viewers
    to pay a quick visit the website, that’s what this web page
    is providing.

  5. Very great post. I just stumbled upon your weblog and wished to mention that I’ve really loved surfing around your blog posts.
    After all I will be subscribing on your rss feed and I hope you write again very soon!

  6. I feel that is one of the most significant info for
    me. And i am satisfied reading your article. However wanna remark on some general things, The site taste is great, the articles is actually nice :
    D. Just right task, cheers

  7. Fantastic blog! Do you have any recommendations for aspiring writers?
    I’m planning to start my own site 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 confused .. Any tips? Thanks!

  8. Excellent web site you have got here.. It’s difficult to find good quality writing like yours
    these days. I seriously appreciate people like you! Take care!!

  10. Hi, everything is going sound here and ofcourse every
    one is sharing facts, that’s actually good,
    keep up writing.

  11. Howdy I am so delighted I found your website, I really found you by
    mistake, while I was looking on Askjeeve for something else, Anyhow I am here now and would just like
    to say cheers for a tremendous post and a all round interesting blog (I also love the theme/design),
    I don’t have time to go through it all at the moment but I have bookmarked it and
    also added in your RSS feeds, so when I have time I will be back
    to read much more, Please do keep up the great job.

  12. It’s a shame you don’t have a donate button! I’d definitely donate to this superb blog!
    I suppose 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 site with my Facebook group.
    Talk soon!

  13. Singapore’ѕ intensely competitive schooling ѕystem makes primary math tuition crucial fօr establishing a firm foundation in coe concepts ⅼike number sense and operations, fractions, аnd early
    ρroblem-solving techniques гight from the beɡinning.

    Secondary math tuition stops tһe accumulation of conceptual errors tһat could severely impede progress іn JC H2 Mathematics, mɑking proactive support іn Seⅽ 3 and
    Seⅽ 4 a highly strategic decision f᧐r forward-thinking families.

    Ꮐiven that A-Level performance strongl influence admission tߋ leading Singapore and international universities, focused
    math tuition tһroughout JC1 аnd JC2 ѕignificantly
    raises tһе likelihood օf securing A grades.

    For time-pressed Singapore families, internet-based math support ցives primary children direct
    connection ѡith qualified instructors throuɡһ video platforms, effectively reinforcing confidence іn core MOE
    syllabus areɑs ᴡhile avoiding fixed-location constraints.

    OMT’ѕ encouraging feedback loopholes encourage development attitude, aiding pupils love math аnd
    feel motivated for tests.

    Join ߋur ѕmall-grouⲣ on-site classes іn Singapore fօr customized guidance іn а nurturing environment thаt develops strong fundamental mathematics skills.

    Ꭺѕ mathematics underpins Singapore’ѕ credibility fоr quality in global standards ⅼike PISA, math tuition іs key to оpening
    a child’s prospective and securing academic benefits in tһis core topic.

    Ultimately, primary school math tuition іs imⲣortant foｒ PSLE excellence, as it equips trainees ѡith the tools too
    attain top bands and protect preferred secondary school positionings.

    Ꮃith О Levels emphasizing geometry evidence аnd theses, math tuition offeгѕ specialized drills
    tⲟ ensure pupils can take օn these with precision аnd confidence.

    With A Levels demanding effectiveness іn vectors and complex numƄers, math tuition ⲟffers targeted technique tⲟ manage these abstract concepts ѕuccessfully.

    Distinctively, OMT enhances tһe MOE curriculum with a custom-mɑde program including analysis analyses tо customize
    web ⅽontent to each trainee’s toughness.

    Unrestricted access to worksheets іndicates уou
    practtice սntil shiok, boosting youг mathematics ѕelf-confidence and grades in no
    time.

    Math tuition develops resilience іn encountering challenging concerns, a
    requirement fοr thriving in Singapore’ѕ һigh-pressure exam setting.

    Visit mｙ web pagе; tuition classes

  14. 대구출장마사지부터 아로마테라피, 스웨디시, 스포츠 마사지까지 원하는 스타일을 선택할 수 있습니다.
    고객님의 취향과 몸 상태에 맞게 코스를 조정해 드립니다.

  15. Hello just wanted to give you a quick heads up.
    The words in your post seem to be running off the screen in Opera.
    I’m not sure if this is a formatting issue or something to do with web browser compatibility but I
    thought I’d post to let you know. The design look great
    though! Hope you get the problem solved soon. Kudos

  17. I like the valuable information you provide in your articles.
    I will bookmark your blog and check again here regularly.
    I’m quite sure I will learn lots of new stuff right here!
    Good luck for the next!

  18. I loved as much as you’ll receive carried out right here.
    The sketch is tasteful, your authored subject matter
    stylish. nonetheless, you command get bought an edginess
    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.

  19. Hey! I know this is kinda off topic but I was wondering which blog platform are you using for this website?
    I’m getting fed up of WordPress because I’ve had issues with hackers and I’m looking at options for another platform.
    I would be fantastic if you could point me in the direction of a good
    platform.

  20. I have read so many content on the topic of the blogger lovers
    however this piece of writing is in fact a pleasant article,
    keep it up.

  21. It’s an awesome post in support of all the internet visitors; they will take advantage from it I
    am sure.

  23. Its like you read my mind! You appear to know so much about this, like you wrote the book in it or something.
    I think that you could do with some pics to drive the message home a bit, but instead of that, this is great blog.
    A fantastic read. I will definitely be back.

  25. Unleash shopping exhilaration аt Kaizenaire.com, curating Singapore’ѕ leading promotions.

    Singapore’ѕ retail maarvels make it а paradise, ԝith promotions tһɑt locals ցo аfter excitedly.

    Gaming online ᴡith international buddies is a modern-day leisure activity fօr tech-savvy Singaporeans, аnd remember t᧐ stay upgraded on Singapore’s most current promotions аnd shopping deals.

    Como Hotels ⲣrovides boutique friendliness ɑnd eating, appreciated Ьy Singaporeans for tһeir sophisticated stayѕ and cooking delights.

    ЅT Engineering supplies aerospace and defense design services lah,
    respected Ьy Singaporeans for their technology іn modern technology аnd national payments lor.

    Mewah Gгoup fіne-tunes palm oils and fats, adored foｒ versatile cooking oils in Singaporean kitchens.

    Auntie ⅼikewise ѕay mah, Kaizenaire.com іs must-check
    foｒ most гecent deals lah.

    Alsο visit my web blog … gelare promotions (lstelecom.co.kr)

  26. I have been browsing online more than 3 hours today, yet I never
    found any interesting article like yours. It’s pretty worth enough for me.
    In my opinion, if all website owners and bloggers made good content as you did,
    the net will be a lot more useful than ever before.

  27. Great post. I was checking constantly this blog and I’m impressed!
    Extremely useful info particularly the last part :) I care for such info a lot.
    I was looking for this particular information for a very long time.
    Thank you and best of luck.

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>