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.

21,576 thoughts on “Play Framework HTML5 input elements”

  7. Hi would you mind sharing which blog platform you’re working with?
    I’m going to start my own blog soon but I’m
    having a tough time deciding between BlogEngine/Wordpress/B2evolution and
    Drupal. The reason I ask is because your design seems
    different then most blogs and I’m looking for something
    unique. P.S My apologies for being off-topic but I had to ask!

    My web page: bathroom refresh

  9. This is a topic which is close to my heart… Take care!

    Exactly where are your contact details though?

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

    Take a look at my site :: BOBATOTO

  12. Hey this is somewhat of off topic but I was wanting to know if blogs use WYSIWYG editors or if you
    have to manually code with HTML. I’m starting a blog soon but have
    no coding skills so I wanted to get advice from someone with experience.
    Any help would be enormously appreciated!

  13. Its like you read my thoughts! You seem to understand
    so much about this, such as you wrote the
    guide in it or something. I feel that you just could do with a few % to power the message house a little bit, however instead of that, this is wonderful
    blog. An excellent read. I’ll definitely be back.

    Feel free to surf to my page: budget spreadsheet

  16. Fantastic items from you, man. I’ve take note your stuff previous to and you’re
    simply extremely magnificent. I actually like what you have obtained
    here, certainly like what you’re saying and the best way during which you are saying it.
    You are making it entertaining and you still care
    for to keep it wise. I can’t wait to read much more from
    you. That is actually a terrific website.

  17. Hello, i think that i saw you visited my
    weblog so i came to “return the favor”.I am attempting to find things to enhance my web site!I suppose its ok to use
    a few of your ideas!!

    Review my blog post – idrtoto

  18. Hi, all is going well here and ofcourse every one is sharing data,
    that’s truly excellent, keep up writing.

    Feel free to surf to my blog post … BOBATOTO

  20. Definition Audio is a leading UK-based commercial sound system installation company delivering professional audio solutions for
    businesses, education, hospitality, and public venues.
    They specialize in complete sound system design, supply, and
    installation tailored to each environment, ensuring clear, balanced, and high-performance audio.
    Their services include commercial sound system
    installations, outdoor sound system installations, church sound systems, and
    school audio installations, covering everything from small background music setups to large-scale public address systems.
    With experience across restaurants, hotels, gyms, sports halls, factories, and event venues,
    Definition Audio provides reliable, custom-built audio
    systems designed for optimal sound clarity and long-term performance.

  21. Hi there! This post could not be written any better! Reading through this
    post reminds me of my previous room mate!
    He always kept talking about this. I will forward this page to
    him. Fairly certain he will have a good read.
    Thank you for sharing!

  22. It’s the best 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.

    Perhaps you could write next articles referring to this article.
    I want to read more things about it!

    my blog post :: idrtoto

  23. Для надёжного входа — запасной вход на Мелбет.

    Что заставляет игроков выбирать казино Мелбет — удобные платёжные методы.

    Доступ в melbet casino из любой точки
    мира — турниры с призами в миллионы.

    Мелбет зеркало прямо сейчас активно — без вирусов и рекламы.

  24. Hi! This is my first comment here so I just wanted to give a
    quick shout out and say I really enjoy reading through your blog posts.
    Can you recommend any other blogs/websites/forums that deal with the same topics?
    Thanks for your time!

  25. Hi i am kavin, its my first time to commenting anywhere, when i
    read this paragraph i thought i could also create comment due to this brilliant
    article.

  26. There’s a piece of my life I rarely talk
    about after my dad left us without a goodbye.

    We lived in a small district in Berlin and our house used to mean safety.
    But when the bills started to overflow, everything started to collapse.
    We tried to hold on, but in the end, we had
    no other choice but to give up our home.

    Her pain made me want to fight for us. I knew I couldn’t just sit there.

    I began searching for ways people manage in financial crises.
    That’s when I came across stories of people using
    cryptocurrencies and converting them safely into money through trusted platforms.

    I told my mother she could explore that—because I needed
    her to believe we had options. She looked into it, researched
    for days, and eventually chose Paybis (Paybis). She said it felt clear and trustworthy.

    I still remember standing next to her during that first exchange.
    When it went through, I saw her shoulders relax for the first time
    in months.

    From that moment, the pressure eased just a little.
    My mom handled everything herself, but she always said my
    encouragement gave her courage.

    I saw that standing together matters more than anything.

    Today, we’re learning to live without fear again.
    And every time my mom looks at me and smiles, she reminds me how everything changed the day
    she found the strength to use Paybis to convert her crypto into something we
    could actually live on.

    What we survived will stay with me forever.

  27. Howdy! Would you mind if I share your blog with my facebook group?
    There’s a lot of folks that I think would really enjoy
    your content. Please let me know. Thanks

    Look into my page: idrtoto

  29. Just desire to say your article is as astonishing.
    The clarity in your post is just nice and i can assume you’re an expert on this subject.

    Well with your permission let me to grab your feed to keep up to date with forthcoming post.

    Thanks a million and please continue the rewarding work.

  35. Hi there, There’s no doubt that your website could be having browser compatibility
    issues. Whenever I look at your website in Safari,
    it looks fine however, when opening in Internet Explorer,
    it’s got some overlapping issues. I just wanted to provide you with a quick heads up!
    Other than that, excellent website!

  36. Link exchange is nothing else but it is only placing the other person’s web
    site link on your page at appropriate place and other person will also do similar in favor of you.

  37. Hurrah! Finally I got a web site from where I can in fact obtain useful data regarding my study and knowledge.

  40. Thanks for the marvelous posting! I genuinely enjoyed reading it, you
    happen to be a great author. I will be sure to bookmark your blog and will eventually come back down the road.

    I want to encourage you continue your great writing, have a nice weekend!

  42. I think this is among the most significant info
    for me. And i’m glad reading your article. But should remark on few general things,
    The web site style is perfect, the articles is really great : D.
    Good job, cheers

    Also visit my web blog – BOBATOTO

  44. An impressive share! I’ve just forwarded this onto a co-worker who has been conducting a little research on this.
    And he in fact bought me breakfast due to the fact that I stumbled upon it for him…
    lol. So allow me to reword this…. Thanks for the meal!!
    But yeah, thanx for spending time to discuss this matter
    here on your web site.

  46. What i do not realize is in reality how you are not actually much
    more well-preferred than you might be now. You are so intelligent.
    You already know therefore considerably in the case of this subject,
    produced me personally imagine it from so many numerous angles.
    Its like women and men are not interested until it’s one thing to accomplish with
    Girl gaga! Your own stuffs outstanding. Always maintain it up!

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

  50. Hello! I’m at work surfing around your blog from my new iphone 3gs!
    Just wanted to say I love reading your blog and look forward to all your posts!
    Keep up the superb work!

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>