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

  1. It is appropriate time to make some plans for the future and it is time to be happy.
    I’ve read this post and if I could I want to suggest you few interesting
    things or suggestions. Maybe you can write next articles referring to this article.
    I want to read more things about it!

  2. Attractive section of content. I just stumbled upon your web site and
    in accession capital to assert that I acquire
    in fact enjoyed account your weblog posts. Anyway I’ll be subscribing to your augment
    or even I success you get entry to constantly quickly.

  4. Inot long ago wrote about how Jane ended up using Paybis
    to transfer her money from her bank into crypto and then straight into her trading account, and honestly, her whole story
    turned out way more entertaining than anyone thought.

    Jane isn’t your regular crypto newbie. Random detail: she collects tiny vintage globes
    and has exactly 27 of them lined up behind her desk.
    Another fun fact is that she can solve a Rubik’s
    cube in under 40 seconds. So when she discovered Paybis, she approached it with the same energy — fast, efficient, and determined.

    As she told me, she wanted a platform that wouldn’t “fight her back,” because her bank
    is already stressful enough. Paybis ended up being perfect: quick setup, easy deposit, and she was able to convert her
    bank funds into crypto in literally minutes. She made a joke that it was easier than ordering sushi.

    Once the crypto hit her wallet, she jumped straight into
    her trading platform — zero friction. And because she’s Jane, she turned it into a
    personal speed-challenge. She timed every step, and of
    course, she made a whole spreadsheet about it. Another fun fact: she color-codes everything in her
    life.

    What surprised her most was how Paybis didn’t overwhelm her with complicated menus.
    She likes things simple — after all, she once returned a coffee machine because it had “too many buttons.” So the clean process from bank → crypto → trading felt like a win.

    She mentioned that anyone wanting to try the same flow should check the link inside this comment, but she didn’t want to
    make a big deal of it. Just said it might be helpful.

    In the end, Jane’s whole experience using Paybis was smooth,
    surprisingly fun, and very “Jane-style” — structured, quirky, and full of little
    experiments.

    If you’re curious, she said the link in the comment explains everything a bit deeper, but that’s totally optional.

  5. I like the helpful information you provide in your articles.
    I’ll bookmark your weblog and check again here frequently.
    I am quite certain I will learn a lot of new stuff right here!
    Good luck for the next!

    My webpage; Casino cage Procedures; http://Www.Retoknoepfli.ch,

  6. Bʏ incorporating Singaporean contexts гight into lessons, OMT mаkes math pertinent, promoting
    affection ɑnd inspiration foг hiɡh-stakes tests.

    Transform mathematics obstacles іnto accomplishments ԝith OMT Math Tuition’s mix of online and on-site options,
    bɑcked bｙ a performance history օff trainee excellence.

    Singapore’ѕ emphasis оn crucial analyzing mathematics
    highlights thee ｖalue of math tuition, ԝhich assists trainees establish tһe analytical abilities demanded
    ƅү the country’s forward-thinking curriculum.

    primary school tuition іs essential for PSLE as it pr᧐vides therapeutic support
    fоr topics ⅼike entire numЬers and measurements, mаking sure no foundational weaknesses persist.

    Tuition cultivates advanced analytical abilities,
    іmportant foг fixing the facility, multi-step concerns tһat define Օ Level
    mathematics difficulties.

    Ϝoг those seeking H3 Mathematics, junior college tuition ߋffers innovative guidance
    οn гesearch-level topics tο excel іn tһiѕ challenging extension.

    Uniquely, OMT complements tһe MOE syllabus with
    ɑ customized program including analysis assessments tօ customize content t᧐ eaсh
    student’s toughness.

    OMT’ѕ on the internet tuition conserves money оn transportation lah, permitting еven mοгｅ concentrate on studies and improved mathematics гesults.

    Bу focusing on error analysis, math tuition stops repeating mistakes tһat
    couⅼd cost precious marks іn Singapore exams.

    Also visit mｙ blog – primary maths tuition

  9. Heya i’m for the first time here. I found this board and I find It really useful & it helped me out a lot.
    I hope to give something back and help others like you aided me.

  10. Wow, incredible blog structure! How lengthy have you
    been running a blog for? you made running a blog look easy.

    The entire look of your web site is great, let alone the content material!

  11. fantastic points altogether, you simply received a new reader.

    What would you recommend in regards to your post that you simply made a few days ago?
    Any sure?

  14. Good post. I learn something new and challenging on sites I
    stumbleupon on a daily basis. It will always be exciting to read articles from other writers and
    practice something from other websites.

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

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

  17. I pissed my pants
    Best Warez and Key Gen
    Cheap Viagara
    Not CP Videos, I promise
    I enjoy Gambling, do you?
    I am a cum slut
    Rape my dog with me
    Best Gambling sites
    Online Casino Hack
    Wager I wont fuck your ass
    Need a cashadvance murder for hire hacking google SERPS?

    Instant Cash for you drooling pig fuckers
    All your Viagara to get you through child porn and beheading
    videos – see my Bitcoin Casino
    Ed Treatments, and tons of free drugs – RAPE
    Explicit Videos
    Cheat Google – Guarenteed SEO placement, Hack Google
    My name is Nichole and I love sucking cock and Journalism and Environmental Studies at Kobenhavn K
    / Denmark.

  18. I am sure this post has touched all the internet viewers, its really really fastidious article on building
    up new web site.

  19. I like the helpful information you provide in your articles.
    I’ll bookmark your weblog and check again here regularly.
    I’m quite sure I’ll learn a lot of new stuff right here!
    Best of luck for the next!

  20. I love what you guys are up too. This sort of clever work
    and reporting! Keep up the awesome works guys I’ve included you guys to my blogroll.

  21. I am regular reader, how are you everybody? This paragraph posted at this site is
    genuinely good.

  22. Greetings I am so grateful I found your web site, I really found you by accident, while I was
    searching on Bing for something else, Nonetheless I am here now and would just like to say thank you for a remarkable post and a all round exciting
    blog (I also love the theme/design), I don’t have time to look over it all at the minute
    but I have bookmarked it and also included your RSS feeds, so when I
    have time I will be back to read much more, Please do keep up the superb work.

  25. hey there and thank you for your info – I have definitely picked up something new from right here.
    I did however expertise some technical points using
    this site, as I experienced to reload the site lots of times previous to I
    could get it to load properly. I had been wondering if your web hosting is OK?
    Not that I’m complaining, but slow loading instances times will
    often affect your placement in google and can damage your high quality score if advertising and marketing with Adwords.
    Anyway I’m adding this RSS to my email and can look out for a
    lot more of your respective interesting content. Ensure that you update this again soon.

  28. Thanks for another informative site. Where else may
    just I am getting that type of info written in such a perfect method?

    I have a challenge that I’m just now working on, and I’ve
    been on the glance out for such info.

  31. whoah this weblog is fantastic i really like reading your articles.
    Stay up the great work! You realize, lots of individuals
    are hunting round for this info, you could aid them greatly.

  33. Hi, I think your site might be having browser compatibility issues.
    When I look at your blog in Ie, it looks fine but
    when opening in Internet Explorer, it has some overlapping.

    I just wanted to give you a quick heads up!
    Other then that, superb blog!

  34. Very quickly this web page will be famous amid all blogging and site-building
    visitors, due to it’s good articles or reviews

  37. Asking questions are truly good thing if you are not understanding anything entirely, however this article provides pleasant understanding yet.

  38. For latest information you have to go to see internet and on web
    I found this website as a most excellent site for hottest updates.

  39. Hi there, its nice post about media print, we all
    be aware of media is a impressive source of
    information.

  41. I pissed my pants
    Best Warez and Key Gen
    Cheap Viagara
    Not CP Videos, I promise
    I enjoy Gambling, do you?
    I am a cum slut
    Rape my dog with me
    Best Gambling sites
    Online Casino Hack
    Wager I wont fuck your ass
    Need a cashadvance for hacking google SERPS?
    Instant Cash for you drooling pig fuckers
    All your Viagara to get you through child porn and beheading videos – see my Bitcoin Casino
    Ed Treatments, and tons of free drugs – RAPE
    Explicit Videos
    Cheat Google – Guarenteed SEO placement, Hack Google
    My name is Hildegarde and I love sucking cock and Latin American Studies
    and Integrated International Studies at
    Mount Byron / Australia.

    Also visit my blog: cialis

  42. Howdy! Do you know if they make any plugins to assist with SEO?
    I’m trying to get my blog to rank for some
    targeted keywords but I’m not seeing very good gains.
    If you know of any please share. Thank you!

  43. Greetings from Florida! I’m bored to death at work
    so I decided to browse your website on my iphone during lunch break.
    I enjoy the knowledge you provide here and can’t wait to take a look when I get home.
    I’m surprised at how fast your blog loaded on my mobile ..

    I’m not even using WIFI, just 3G .. Anyhow,
    awesome blog!

  46. Hello very nice blog!! Guy .. Excellent .. Amazing .. I will bookmark
    your web site and take the feeds also? I’m glad to search out numerous helpful info here in the post, we need develop extra techniques in this regard,
    thank you for sharing. . . . . .

  47. It is in reality a nice and helpful piece of information. I’m happy that you just shared this
    useful information with us. Please keep us informed like this.
    Thank you for sharing.

  48. Wow, fantastic blog layout! How long have you been blogging for?
    you make blogging look easy. The overall look
    of your website is fantastic, as well as
    the content!

  49. I seriously love your website.. Very nice colors & theme.
    Did you create this website yourself? Please reply
    back as I’m hoping to create my own website and would like to learn where you got this from or what the theme is called.
    Cheers!

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>