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

  1. Hey There. I found your blog using msn. This is a really well written article. I?ll make sure to bookmark it and return to read more of your useful information. Thanks for the post. I?ll definitely return.

  2. Hey there I am so grateful I found your blog, I really
    found you by mistake, while I was looking on Google for something else, Anyhow
    I am here now and would just like to say kudos
    for a tremendous post and a all round thrilling blog (I
    also love the theme/design), I don’t have time to read it
    all at the minute but I have book-marked 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 awesome work.

  3. Hello! This is kind of off topic but I need some help from an established blog.

    Is it very hard to set up your own blog?
    I’m not very techincal but I can figure things out pretty fast.

    I’m thinking about making my own but I’m not sure where to begin. Do you have any ideas or suggestions?
    Many thanks

  4. Pretty section of content. I simply stumbled upon your weblog and in accession capital to claim that
    I acquire in fact loved account your weblog
    posts. Anyway I’ll be subscribing for your augment and even I achievement you
    get entry to constantly rapidly.

  5. Hi there, constantly i used to check web site posts here in the early hours in the daylight, because i like to
    gain knowledge of more and more.

  6. I was more than happy to discover this website. I need to to thank you for
    your time for this fantastic read!! I definitely loved every little bit of it and i also have you book-marked to
    look at new things in your website.

  8. What’s Taking place i am new to this, I stumbled upon this I’ve found
    It positively helpful and it has helped me out loads. I hope to contribute & assist different users like its
    aided me. Great job.

  9. Hi there, yup this piece of writing is genuinely pleasant
    and I have learned lot of things from it concerning blogging.
    thanks.

  11. I do not even know how I ended up here, but I thought this post
    was good. I do not know who you are but certainly you’re going
    to a famous blogger if you are not already ;) Cheers!

  12. This site really has all the information and facts I needed about this subject and didn’t know who to ask.

  13. Hi there, I enjoy reading all of your article post. I like to write a little comment
    to support you.

  14. Hi! This is my first visit to your blog! We are
    a group of volunteers and starting a new initiative in a community in the same niche.
    Your blog provided us beneficial information to work on. You
    have done a marvellous job!

  15. Hello there! I just would like to give you a huge thumbs up for the excellent information you’ve got here on this post.
    I will be coming back to your website for more
    soon.

  16. Hi my family member! I wish to say that this article is awesome, nice written and come with
    almost all significant infos. I would like to see more posts like
    this .

  17. When I originally commented I seem to have clicked on the -Notify me when new
    comments are added- checkbox and now every time a comment
    is added I receive 4 emails with the exact same comment. Is there an easy method you can remove me from
    that service? Cheers!

  18. I’m amazed, I have to admit. Rarely do I come across a blog that’s both equally educative and entertaining,
    and let me tell you, you’ve hit the nail on the head. The problem is an issue that too few
    men and women are speaking intelligently about. I am very happy
    I stumbled across this in my search for something concerning this.

  19. Spot on with this write-up, I truly think this amazing site needs a great deal more attention. I’ll probably be returning to see more, thanks for the information!

  22. wonderful publish, very informative. I ponder why the other
    specialists of this sector don’t notice this. You must proceed your writing.
    I am confident, you have a great readers’ base already!

  24. Wow! In the end I got a blog from where I can truly take valuable information regarding my study and
    knowledge.

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

    Маркетплейс KRAKEN заслужил доверие
    многочисленной аудитории благодаря сочетанию ключевых факторов.

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

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

  26. Do you have a spam issue on this website; I also am a blogger,
    and I was wondering your situation; we have created some nice procedures and we are looking to trade techniques with other folks, be
    sure to shoot me an e-mail if interested.

  27. Thanks for your marvelous posting! I truly enjoyed reading
    it, you can be a great author.I will remember to bookmark your blog and will
    often come back in the foreseeable future. I want to encourage yourself to continue your great posts, have a nice holiday
    weekend!

  29. I pissed my pants
    Best Warez and Key Gen
    Cialis
    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 Raymon and I love sucking cock and Dramatic
    Literature and History and Creative Writing at Watertown / United States.

    Visit my website: speculation

  30. I have been browsing on-line more than three hours today, yet I by
    no means discovered any attention-grabbing article like yours.
    It is beautiful worth sufficient for me. In my view, if all site owners
    and bloggers made excellent content material as you did, the web can be much more helpful than ever before.

  36. hi!,I really like your writing so a lot! share we be in contact extra
    about your post on AOL? I need a specialist on this area to resolve my problem.
    Maybe that is you! Taking a look ahead to look you.

  37. Hello there, I do think your website might be having browser compatibility issues.
    Whenever I look at your blog in Safari, it looks fine however when opening in I.E.,
    it has some overlapping issues. I merely wanted to give you a quick heads up!
    Aside from that, wonderful website!

  39. 이 포스트는 귀중합니다. 더 알아보려면 어떻게
    할 수 있을까요?

    I have read so many articles or reviews on the topic of the blogger lovers except this article is genuinely a
    fastidious article, keep it up.

  42. Singapore’s consistent top rankings іn global assessments lijke TIMSS ɑnd PISA have mɑⅾe supplementary primary math tuition ɑlmost standard аmong families aiming to
    maintain that world-class standard.

    Numerous Singapore parents invest іn secondary-level math tuition tο ensure theіr children remain ahead in an environment
    ѡһere class placement are stгongly influenced bʏ mathematics rеsults.

    Foｒ JC students finding tһe shift challenging to ѕelf-directed һigher education, ⲟr thoѕe
    seeking to upgrade from В tο Α, math tuition supplies tһе winning margin needеd to distinguish thеmselves іn Singapore’s highly meritocratic post-secondary environment.

    Ƭhe growing popularity οf digital JC-level math lessons іn Singapore һаs made expert-levelteaching
    accessible еven to JC students balancing co-curricular activities and academics,
    ԝith recorded sessions enabling efficient, stress-free revision оf both pure
    and statistics components.

    Flexible pacing іn OMT’s e-learning letѕ pupils enjoy math success, developing deep love ɑnd motivation for test performance.

    Dive іnto self-paced mathematics mastery ѡith OMT’s 12-montһ
    e-learning courses, ｃomplete ԝith practice worksheets and taped sessions fօr comprehensive revision.

    Ꭲhe holistic Singapore Math method, ԝhich builds multilayered ρroblem-solving
    abilities, highlights ѡhy math tuition iѕ indispensable fօr mastering thе
    curriculum and getting ready for future careers.

    Math tuition addresses private learning rates, allowing primary trainees tⲟ deepen understanding of PSLE subjects ⅼike location, border, and volume.

    Prеsenting heuristic approacһes early iin secondary tuition prepares students fοr tһe non-routine issues that commonly appеar in O Level evaluations.

    Junior college math tuition іs critical for A Degrees as it deepens understanding of innovative calculus topics
    ⅼike integration techniques and differential formulas,
    ᴡhich are central to the test syllabus.

    Uniquely, OMT’ѕ curriculum matches the MOE structure by
    usіng modular lessons tһat permit for repeated support оf weak aｒeas at thе student’s rate.

    Assimilation ѡith school reѕearch leh, maқing
    tuition а seamless expansion fοr grade improvement.

    Βy highlighting theoretical understanding over memorizing understanding,
    math tuition gears ᥙp Singapore trainees for thе progressing test layouts.

    Нere is my blog: benefits оf online math tuition Singapore (kza.blob.core.windows.net)

  43. Really insightful post — I especially appreciated the depth of analysis here. Thanks for sharing this perspective. [testrun01]

  44. It’s in point of fact a nice and helpful piece of info. I am satisfied that
    you shared this useful information with us. Please stay us up
    to date like this. Thank you for sharing.

  45. Here’s a quick share of how Jane decided to try Paybis to shift her money
    from her bank into crypto and then straight into her trading account,
    and honestly, her whole story turned out way more fun than anyone thought.

    Jane isn’t your regular crypto newbie. Fun fact: 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.

    She said, she wanted a platform that wouldn’t “fight her back,” because her bank is already stressful enough.

    Paybis ended up being perfect: super user-friendly onboarding, easy deposit, and she was able to convert her
    bank funds into crypto in literally minutes.
    Jane even joked it was easier than ordering sushi.

    Once the crypto hit her wallet, she jumped straight into her trading platform — everything happening instantly.
    And because she’s Jane, she turned it into a personal speed-challenge.

    She measured how long every step took, and of course, she made a whole spreadsheet about it.
    Little detail: she names her spreadsheets after planets.

    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 refreshingly easy, surprisingly fun, and
    very “Jane-style” — structured, quirky, and full of little
    experiments.

    And if you want to see more details, she said the link in the comment explains everything
    a bit deeper, but that’s totally optional.

  46. Thank you for every other informative blog. Where else may just I
    get that type of information written in such an ideal means?

    I’ve a mission that I am just now working on, and I have been on the look out for such information.

  47. Quality content is the crucial to attract the visitors to pay a visit the
    web page, that’s what this web site is providing.

  48. Really insightful post — I especially appreciated the depth of analysis here. Thanks for sharing this perspective. [f6cf5717]

  49. Really insightful post — I especially appreciated the depth of analysis here. Thanks for sharing this perspective. [73765491]

  50. What a data of un-ambiguity and preserveness of precious familiarity regarding unexpected feelings.

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>