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

  1. Hello there! This article couldn’t be written much better!
    Looking through this article reminds me of my
    previous roommate! He continually kept preaching about this.
    I most certainly will forward this article to him.

    Fairly certain he’ll have a good read. Thank you for sharing!

  2. For newest information you have to pay a visit web and on the web I found
    this web site as a finest web page for most up-to-date updates.

  3. Singapore’s intensely competitive schooling ѕystem makeѕ primary math tuition crucial fоr establishing а firm foundation іn core concepts liкe numƅеr sense and operations,
    fractions, ɑnd early ⲣroblem-solving techniques rіght frօm
    the beginning.

    In ⅼarge secondary classrooms ԝherе personal questions frequently гemain unanswered, math tuition ρrovides individualised support t᧐ clarify tough аreas sսch as simultaneous
    equations аnd quadratics.

    With the hіgh volume and extensive syllabus coverage ᧐f tһe JC programme, regular math tuition helps students stay organised, consolidate knowledge effectively, ɑnd avoіd panic cramming.

    Junior college students preparing fⲟr A-Levels fіnd virtual JC math support
    invaluable іn Singapore beсause it delivers focused one-to-one instruction օn advanced
    Н2 topics liҝｅ sequences, series ɑnd integration, helping them secure distinction grades tһat unlock admissuon tо prestigious university programmes.

    Personalized guidance fгom OMT’ѕ skilled tutors aids trainees conquer math
    obstacles, fostering а heartfelt connection t᧐ tһe
    subject and inspiration for exams.

    Discover tһe benefit of 24/7 online math tuition at OMT, wһere engaging resources make learning
    enjoyable and efficient for ɑll levels.

    Considered thɑt mathematics plays ɑn essential
    function in Singapore’ѕ financial advancement and progress, investing іn specialized
    math tuition gears սp trainees with the pгoblem-solving abilities required tⲟ thrive in a competitive landscape.

    Thгough math tuition, students practice PSLE-style concerns սsually and charts,
    improving accuracy аnd speed under test conditions.

    Personalized math tuition іn senior higһ school addresses private learning spaces іn subjects ⅼike calculus and data, avoiding tһem frօm impeding Ⲟ Level success.

    Βʏ providing considerable experiment рast A Level test
    documents, math tuition acquaints pupils
    ᴡith inquiry formats аnd marking schemes for optimum efficiency.

    OMT’ѕ customized math syllabus distinctly sustains MOE’ѕ bｙ offering expanded protection оn subjects liқe
    algebra, witһ proprietary shortcuts for secondary trainees.

    Unlimited access tо worksheets suggests ｙou practice tilⅼ shiok, increasing уouг math self-confidence and qualities ԛuickly.

    Singapore’ѕ focus on alternative education іs matched Ƅｙ math tuition that builds abstract tһought for lifelong
    test advantages.

    my blog post math olympiad tuition centre

  5. Very good info. Lucky me I recently found your website by chance (stumbleupon).
    I have book-marked it for later!

  6. Greetings from Florida! I’m bored to death at work so I decided to
    check out your site on my iphone during lunch
    break. I really like the information you provide here and can’t wait to
    take a look when I get home. I’m shocked at how fast your blog loaded on my phone ..
    I’m not even using WIFI, just 3G .. Anyways, wonderful site!

  9. Wow, that’s what I was exploring for, what a information! existing here at this weblog, thanks admin of
    this web site.

  10. What’s up i am kavin, its my first time to commenting anywhere, when i read this
    post i thought i could also make comment due to this sensible article.

  11. 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 down the road.
    Many thanks

  13. This is a well-written post about online casinos.

    I found it useful how you explained the importance of choosing reliable sites.

    From what I’ve seen, UFABET888 are often recommended because they provide consistent service and secure transactions.

    Many players often struggle to find reliable websites, so
    content like this is great for guidance.

    Thanks for sharing — this will definitely help beginners avoid risky websites.

  17. This is really interesting, You are a very skilled blogger.

    I’ve joined your rss feed and look forward to seeking more of your great
    post. Also, I have shared your site in my social networks!

  22. That’s probably the only email for which I initially rejected
    as erectile dysfunction. Obesity has been spreading like erectile dysfunction drug sildenafil commonly known as viagra the infected erythrocytes.

  24. Thanks a bunch for sharing this with all of us you actually recognize what you are talking approximately!
    Bookmarked. Please additionally consult with my web site
    =). We may have a link alternate arrangement among us

  25. Greetings! I know this is somewhat off topic but I was wondering which blog
    platform are you using for this website? I’m getting sick and tired of WordPress because
    I’ve had problems 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.

  26. There is certainly a lot to know about this subject.
    I love all of the points you have made.

  27. I do not even understand how I stopped up right here, but I thought this put up was once
    good. I do not know who you are however certainly you are going to
    a well-known blogger if you happen to aren’t already. Cheers!

  28. Please let me know if you’re looking for a author for your blog.
    You have some really good articles and I feel I would be a good asset.
    If you ever want to take some of the load off, I’d love
    to write some articles for your blog in exchange for a link back
    to mine. Please blast me an email if interested. Kudos!

  29. I’m truly enjoying the design and layout of your blog.
    It’s a very easy on the eyes which makes it much more pleasant for
    me to come here and visit more often. Did you hire out a
    developer to create your theme? Fantastic work!

  31. hi!,I really like your writing very so much!
    percentage we keep in touch extra approximately
    your article on AOL? I require a specialist in this space to solve my problem.

    May be that is you! Taking a look forward to see you.

  34. I think this is among the most significant information for me.

    And i’m glad reading your article. But want to remark on few general
    things, The web site style is wonderful, the articles is really great : D.
    Good job, cheers

  36. I am really enjoying the theme/design of your blog. Do you ever run into any browser compatibility problems?
    A few of my blog visitors have complained about my blog not operating correctly in Explorer
    but looks great in Chrome. Do you have any solutions to help fix this issue?

  37. Thanks for every other informative site.
    The place else may just I am getting that kind of info written in such an ideal method?
    I’ve a mission that I’m simply now working on, and I have
    been at the glance out for such info.

  39. Hi, I do believe this is an excellent blog. I stumbledupon it ;) I’m going to come back once again since i have bookmarked it.
    Money and freedom is the best way to change, may you be
    rich and continue to guide others.

  41. Hello just wanted to give you a quick heads up. The text
    in your article seem to be running off the screen in Internet explorer.
    I’m not sure if this is a format issue or something to do with browser compatibility but I figured I’d post to let you know.
    The design and style look great though! Hope you get
    the problem resolved soon. Many thanks

  43. Its like you read my mind! You appear to know a lot about this, like you wrote the book in it or something.
    I think that you can do with a few pics to drive the message home a
    bit, but instead of that, this is magnificent blog. An excellent read.
    I’ll certainly be back.

  46. Почему пользователи выбирают площадку KRAKEN?

    Маркетплейс KRAKEN заслужил доверие многочисленной аудитории благодаря сочетанию ключевых факторов.
    Во-первых, это широкий и разнообразный
    ассортимент, представленный сотнями
    продавцов. Во-вторых, интуитивно
    понятный интерфейс KRAKEN,
    который упрощает навигацию, поиск товаров
    и управление заказами даже для
    новых пользователей. В-третьих, продуманная система безопасных
    транзакций, включающая механизмы разрешения споров (диспутов) и возможность использования условного депонирования,
    что минимизирует риски для обеих сторон
    сделки. На KRAKEN функциональность сочетается с внимательным отношением
    к безопасности клиентов, что делает процесс покупок более предсказуемым, защищенным и,
    как следствие, популярным среди
    пользователей, ценящих анонимность и
    надежность.

  49. It’s a shame you don’t have a donate button! I’d
    definitely donate to this excellent blog! I guess for now i’ll settle for bookmarking
    and adding your RSS feed to my Google account. I look forward to new updates and will share this blog with my
    Facebook group. Talk soon!

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

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>