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.

19,509 thoughts on “Play Framework HTML5 input elements”

  1. Separation arbitration costs $150 to $500 per hour or $2,000 to
    $8,000 total typically.

  4. Wheen someonme wrotes ann paragraph he/she retains the thought of a usser in his/her brain tgat hhow a uswr can be aware oof it.
    Thus that’s wwhy this afticle iis outstdanding. Thanks!

  8. I do believe all of the ideas you have offered on your post.

    They’re very convincing and will certainly work.
    Nonetheless, the posts are too brief for starters. May you please lengthen them a little from subsequent time?
    Thank you for the post.

  9. It’s nerly impossible too find knowledgeable pesople for thiss topic, bbut yyou seem like yyou knoow wht you’re talkingg about!
    Thanks

    Herre iss mmy homepage xxx videos

  10. I was wondering if you ever thought of changing the layout of your website?
    Its very well written; I love what youve got to say.
    But maybe you could a little more in the way of content so people could connect with it better.
    Youve got an awful lot of text for only having one or two pictures.
    Maybe you could space it out better?

  11. If you want to get a good deal from this paragraph then you have to apply such
    techniques to your won blog.

  13. whoazh thjs weblolg iss wwonderful i really like reaading your posts.
    Keeep up thhe gret work! Youu understand, lots oof peoplle aree looking round ffor this information, you could hlp tem greatly.

    My hoomepage :: txxxvideos

  14. Great discussion—it’s precisely why makes iCCS by Volkov particularly valuable in this context.
    I’ve been following the platform for a while now, and its capabilities truly stand out.

    A standout feature is the adaptive security layer, that
    effectively works with legacy systems. Curious about how others see iCCS’s role
    in tackling current threats. Happy to dive deeper!

  17. Very nice post. I just stumbled upon your weblog and wanted to say that I have truly enjoyed browsing your blog posts.
    After all I’ll be subscribing to your feed and I hope you write again soon!

  18. Nice blog here! Additonally yourr site sso uch uup fast!
    Whaat host aare you the usate of? Caan I
    get your associat lihk for our host? I desite mmy sitee loared
    upp as fwst aas yours lol

    my blog poset – txxxvideos.com

  19. Hello! I could have sworn I’ve visited this site before but after browsing
    through some of the posts I realized it’s new to me. Nonetheless,
    I’m certainly happy I stumbled upon it and I’ll be book-marking it and checking
    back frequently!

  20. I used to be recommended this blog via my cousin. I am not sure whether or not this publish is written by him as nobody
    else recognize such targeted approximately my problem.
    You are wonderful! Thanks!

  21. Sweret blog! I foujnd iit while browsingg oon Yahoo News.

    Do yyou hwve anny tips on hoow too get liste iin Yaho News?
    I’ve been trying forr a whhile butt I nevfer seem too get
    there! Cheers

    Feel free to surff tto mmy bloog post :: roloxxx.com

  22. Hi there just wanted to give you a quick heads up and let you
    know a few of the images aren’t loading properly.
    I’m not sure why but I think its a linking issue. I’ve tried it in two different browsers and both show the same outcome.

  23. It’s a pity you don’t have a donate button! I’d most certainly
    donate to this fantastic blog! I guess for now i’ll
    settle for book-marking and adding your RSS feed to my Google
    account. I look forward to new updates and will share this blog with my
    Facebook group. Chat soon!

  28. Segera akses Link Alternatif VIRALWEDE untuk mendapatkan koneksi super cepat menuju platform hiburan favorit Anda Proses login lebih instan dan responsif di semua perangkat

  30. Um regular do fórum chamou o Mahjong Ways 2 de “o único honesto” — meio brincando, meio não.

  31. Superb website you have here but I was wanting to
    know if you knew of any community forums that cover the
    same topics talked about here? I’d really love to be a part of community where I can get advice from other knowledgeable individuals
    that share the same interest. If you have any suggestions, please let me know.
    Thanks a lot!

  32. I loved as much as you will receive carried out right here.
    The sketch is attractive, your authored subject
    matter stylish. nonetheless, you command get got an edginess over that you
    wish be delivering the following. unwell unquestionably come more formerly again as exactly the
    same nearly very often inside case you shield this increase.

    My webpage :: West Coast Cannabis

  33. Хотите испытать яркие эмоции?
    Популярное казино AdmiralX — это место, где
    выигрывают! В этом онлайн-казино собраны топовые
    игровые автоматы, столы для покера и блэкджека,
    а также живые дилеры, обеспечивающие реалистичный опыт.
    бонусы на бесплатные спины.

    Почему AdmiralX Casino?

    Ежедневные бонусы для постоянных игроков.

    Удобный вход, без лишних проверок.

    Огромная библиотека развлечений, включающая классику и новинки.

    Начните выигрывать прямо сейчас!

  35. I likе the ｖaⅼuable info you provide in your articles.
    I will bookmark your blog and check agаin here frequently.
    I am quitｅ certain I will ⅼearn many new stuff right here!
    Best of luck for the next!

    Also visit my website: instagram

  36. Can I simply say what a relief to find a person that really knows what
    they’re talking about on the net. You certainly know how to bring a problem to light and make it important.
    A lot more people should read this and understand this side of your
    story. I was surprised you’re not more popular given that
    you certainly possess the gift.

  37. If you desire to improve your familiarity
    just keep visiting this web site and be updated with the hottest information posted here.

  40. You really make it appear so easy along with your presentation however I in finding this matter to be actually something which I
    feel I’d by no means understand. It kind of feels too complicated and very large for
    me. I’m having a look ahead in your subsequent post, I will try
    to get the dangle of it!

    Look at my webpage :: WestCoastBud

  43. fantastic issues altogether, you just won a brand new reader.
    What would you suggest in regards to your publish that you simply made some
    days in the past? Any positive?

  44. Hi there to every one, the contents existing at this web page are genuinely remarkable
    for people experience, well, keep up the good
    work fellows.

  45. I am no longer positive the place you’re getting your info, however good topic.

    I must spend a while studying more or working out more.
    Thank you for wonderful info I used to be in search of this information for my mission.

    Stop by my homepage :: DAFTAR LOGOTOTO

  47. Its like you learn my thoughts! You appear to understand so much approximately this, like you wrote the ebook in it or something.

    I think that you can do with some % to power the message house a little bit, however other
    than that, this is fantastic blog. An excellent read. I
    will definitely be back.

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>