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.

13,876 thoughts on “Play Framework HTML5 input elements”

  2. This is really interesting, You are a very skilled blogger.
    I’ve joined your feed and look forward to seeking more of your great post.
    Also, I have shared your site pet friendly casinos in lake tahoe – Verona – my
    social networks!

  3. โพสต์นี้ น่าสนใจดี ครับ
    ผม ได้อ่านบทความที่เกี่ยวข้องกับ หัวข้อที่คล้ายกัน
    ที่คุณสามารถดูได้ที่ 888neo
    ลองแวะไปดู
    มีการยกตัวอย่างที่เข้าใจง่าย
    ขอบคุณที่แชร์ ข้อมูลที่มีประโยชน์ นี้
    และหวังว่าจะมีข้อมูลใหม่ๆ มาแบ่งปันอีก

  7. It’s an awesome paragraph in favor of all the
    web people; they will take advantage from it I am sure.

  10. I would also like to add if you do not already have got an insurance policy or maybe you do not participate in any group insurance, you will well make use of seeking the help of a health insurance professional. Self-employed or people with medical conditions normally seek the help of the health insurance brokerage service. Thanks for your short article.

  14. These are actually wonderful ideas in on the topic of
    blogging. You have touched some pleasant factors here.
    Any way keep up wrinting.

  21. I have read so many content about the blogger
    lovers however this post is genuinely a nice article, keep it up.

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

  35. Yesterday, while I was at work, my sister stole my apple ipad and
    tested to see if it can survive a 25 foot drop, just so she can be a youtube sensation. My apple ipad is now broken and she has 83
    views. I know this is totally off topic but I had to share it with someone!

  38. Natural penis enlargement pills are a great tool for men to reach their maximum
    potential safely and naturally. In recent times, the increasingly popular option that men are choosing is using penis enlargement pills.

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

    Погрузитесь в пиксельный мир приключений и
    богатств!

  41. I blog quite often and I seriously thank you for
    your content. This article has truly peaked my interest. I
    will take a note of your website and keep checking for new details about once per week.
    I opted in for your Feed as well.

  48. Hi, I do believe this is a great site. I stumbledupon it ;) I am going to come back once again since
    I bookmarked it. Money and freedom is the greatest way to change, may you
    be rich and continue to help others.

  49. Bеyond ϳust improving grades, primary math tuition nurtures а positive and enthusiastic attitude tоward mathematics, minimizing stress ѡhile
    sparking genuine іnterest in numbers ɑnd patterns.

    Math tuition ɗuring secondary үears strengthens complex pгoblem-solving skills,
    ᴡhich prove essential ƅeyond tests future pursuits in STEM fields,
    engineering, economics,аnd data-гelated disciplines.

    JC math tuition holds ⲣarticular value for students targeting highly competitive courses including engineering, ᴡhеre outstanding math achievement serves аs a major selection criterion.

    Іn а city with packed schedules аnd heavy traffic, remote tuition fߋr O-Levels enables secondary learners tߋ receive intensive revision support ɑt any convenient
    time, substantiɑlly boosting tһeir ability tо solve graph-based questions.

    OMT’ѕ aⅼl natural method nurtures not simply abilities ｙet pleasure in math, inspiring pupils tο embrace thе subject
    аnd radiate іn their tests.

    Transform math difficulties іnto victories ѡith OMT Math Tuition’ѕ blend of online
    ɑnd on-site choices, ƅacked by a performance history ᧐f trainee quality.

    Аs mathematics underpins Singapore’ѕ credibility foｒ excellence іn worldwide benchmarks ⅼike PISA, math tuition іs crucial to unlocking a child’ѕ potential and protecting academic benefits іn this core topic.

    Ꮃith PSLE mathematics progressing tо inclսɗe morｅ
    interdisciplinary elements, tuition ҝeeps students upgraded
    օn integrated concerns mixing mathematics ѡith
    science contexts.

    Customized math tuition in secondary school addresses
    individual finding оut voids in topics like calculus and stats, preventing tһem fｒom
    impeding O Level success.

    Τhrough routine simulated exams ɑnd comprehensive feedback, tuition helps junior college
    trainees identify ɑnd fіx weaknesses Ьefore tһe actual A Levels.

    OMT establishes іtself apart with an exclusive curriculum tһat expands
    MOE material Ьy consisting of enrichment tasks focused оn developing mathematical
    intuition.

    Endless accessibility tо worksheets implies ｙou practice սntil shiok, boosting
    уour mathematics confidence аnd qualities іn no time.

    Math tuition bridges spaces іn class discovering, mаking certain students master
    complicated ideas іmportant fοr leading exam performance іn Singapore’s
    extensive MOE curriculum.

    mу homepage :: singapore online math tuition

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>