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.

20,696 thoughts on “Play Framework HTML5 input elements”

  1. At this time it sounds like Expression Engine is the top blogging platform available
    right now. (from what I’ve read) Is that what you’re using on your
    blog?

  3. Having read this I believed it was really informative. I appreciate you taking the time and energy to put
    this content together. I once again find myself spending way too much time both reading and posting comments.

    But so what, it was still worthwhile!

    my website; 마사지사이트

  8. Hello there! I could have sworn I’ve visited this site before but
    after looking at a few of the posts I realized it’s new to me.
    Nonetheless, I’m definitely delighted I came across it
    and I’ll be book-marking it and checking back frequently!

    Feel free to visit my site fat tire ebikes for sale

  9. Woah! I’m really loving the template/theme of this site.
    It’s simple, yet effective. A lot of times it’s very difficult to get
    that “perfect balance” between superb usability and appearance.

    I must say that you’ve done a great job with this. Additionally, the blog loads very fast for me on Internet explorer.
    Exceptional Blog!

    Here is my web-site: Online Mushroom Dispensary Canada

  12. What’s up everybody, here every one is sharing such know-how, thus
    it’s nice to read this website, and I used to
    visit this website daily.

  13. سلام و عرض ادب، بنده امروز اتفاقی تو اینترنت با این وبسایت برخوردم و راستش رو بخواید خیلی خوشم اومد.

    مطالبش کاربردی بود و کمتر همچین وبسایتی
    پیدا کنم. به نظرم برای خیلی‌ها ارزش دیدن داره.
    اگه دنبال اطلاعات کامل هستن حتما یه نگاهی بندازن.

    به طور کلی تجربه خوبی بود و احتمالا باز هم سر
    می‌زنم

    در جمع‌بندی کلی

    برای کسانی که

    سایت‌های شرطی

    قصد فعالیت دارن

    این صفحه

    به سادگی می‌تونه

    ارزش امتحان داشته باشه

    از سوی دیگر

    پروژه‌هایی مثل

    پلتفرم еnfejаronline

    و

    sibbet شناخته شده

    تجربه خوبی ارائه دادن

    جمع‌بندی اینکه

    تجربه مثبتی داشتم

    و

    در آینده نزدیک

    مراجعه مجدد دارم

    .

    Heere is my ρage: پشتیبانی سایت Bettime90

  15. American Industrial Magazine (americanindustrialmagazine.com) es un portal digital
    y publicación especializada (bilingüe
    en inglés y español) enfocada en proveer noticias, análisis de mercado y tendencias sobre los sectores
    de manufactura, industria, tecnología, metalmecánica
    y farmacéutica.

    Su contenido abarca temas estratégicos y técnicos que impactan a América
    del Norte (principalmente México y Estados Unidos), incluyendo el nearshoring,
    la adopción de inteligencia artificial en fábricas,
    robótica (cobots), control de calidad predictivo, normativas de seguridad (OSHA, ISO 9001) y la escasez de talento especializado.
    Además, funciona como una plataforma de desarrollo profesional, ofreciendo cursos de capacitación técnica en software como Microsoft
    Excel (desde nivel básico hasta macros) y Autodesk Fusion 360.

  19. Greetings! I’ve been reading your site for a long time now and finally got
    the courage to go ahead and give you a shout out
    from Lubbock Texas! Just wanted to mention keep up the fantastic
    job!

    Feel free to visit my blog; 마사지사이트

  20. We are a bunch of volunteers and starting a new scheme in our community.
    Your web site provided us with helpful information to work on. You’ve done a formidable activity and our whole neighborhood might
    be grateful to you.

    Feel free to visit my site; Youth sports trainer

  22. 把Cryptify Hub想象成一本加密工具的通讯录，而不是一本教科书。通讯录只告诉你谁的电话是多少，不教你怎么跟人打交道。同样，这个导航站只告诉你某个工具的官网在哪，不教你如何使用它、何时使用它、是否值得使用它。

  23. Hey there! I’ve been following your weblog for some time now and finally got the
    bravery to go ahead and give you a shout out from
    Humble Texas! Just wanted to tell you keep up the excellent work!

    Check out my web site – zelensky04

  25. Artikel yang sangat informatif dan bermanfaat. Banyak orang di Indonesia mencari informasi terpercaya tentang
    viagra indonesia dan kesehatan pria. Penting untuk memahami penggunaan yang aman dan memilih sumber yang tepat.

    Terima kasih atas informasi ini. Topik viagra indonesia memang
    sering dicari oleh banyak pengguna saat ini. Edukasi yang benar
    sangat penting agar penggunaan tetap aman dan efektif.

    Konten yang bagus dan mudah dipahami. Informasi tentang
    viagra indonesia dapat membantu banyak orang yang membutuhkan solusi kesehatan pria dengan cara yang aman dan terpercaya.

    Postingan yang sangat membantu. Banyak pengguna mencari informasi seputar viagra indonesia dan panduan penggunaan yang tepat.
    Artikel seperti ini sangat berguna bagi pembaca.

    Artikel berkualitas dan penuh informasi. Pembahasan mengenai viagra indonesia sangat menarik dan relevan bagi mereka yang ingin mengetahui lebih banyak tentang
    kesehatan pria.

  26. This is really interesting, You’re a very skilled blogger.
    I’ve joined your rss feed and look forward to seeking more of your
    great post. Also, I’ve shared your site in my social networks!

    Feel free to surf to my web blog – 마사지

  28. I’m curious to find out what blog system you’re using?
    I’m having some small security problems with my latest website and I’d like to find
    something more safeguarded. Do you have any solutions?

    Review my homepage … zelensky04

  29. This is a very informative post about online casinos and betting platforms.
    I especially liked how it explains the importance of choosing a secure site before signing up.

    Many players often ask where they can find reliable gaming platforms with fair odds and
    smooth payouts. From what I’ve seen, checking platforms like vn22vip helps users compare features, bonuses, and overall experience.

    Thanks for sharing these insights — they’re helpful for both beginners and experienced bettors.

  30. I blog often and I really appreciate your content.
    The article has really peaked my interest.
    I will take a note of your site and keep checking for new details about once a week.
    I opted in for your Feed as well.

    my website – zelensky05

  31. Genuinely when someone doesn’t understand then its up to other users
    that they will help, so here it happens.

  32. As the admin of this website is working, no uncertainty very soon it will be well-known, due to its feature contents.

  33. I was very happy to discover this site. I want to to thank
    you for your time due to this wonderful read!!
    I definitely enjoyed every little bit of it and I have you book marked to check out new things on your website.

    Also visit my web blog – zelensky04

  34. For hottest information you have to go to see the web and on world-wide-web I found this web site as a finest website for hottest updates.

  35. من خودم خیلی حرفه‌ای نیستم و بیشتر از زاویه یک کاربر
    کنجکاو این سایت رو بررسی کردم.
    سلام وقتتون بخیر، خواستم نظر شخصی خودم رو درباره این موضوع بگم.

    چند شب پیش وقتی یکی از دوستام درباره کازینو
    اینترنتی حرف می‌زد این صفحه رو دیدم.

    اولش متوجه شدم متن‌ها خیلی پیچیده نیستن.
    برداشت شخصی من اینه که شفافیت اطلاعات خیلی مهمه.
    یکی از همکارام همیشه می‌گفت قبل از هر کاری
    باید شرایط رو کامل خوند. همینباعث شد من
    هم دقیق‌تر نگاه کنم. چیزی که برای من جالب بود
    که برای کسی که تازه با این فضا
    آشنامی‌شه قابل فهم بود. ولی خب همیشه بهتره چند گزینه کنار هم مقایسه بشن.
    برای افرادی که قصد دارن
    قبل از شروع اطلاعات بیشتری داشته باشن قصد دارن چند سایت مختلف رو بررسی کنن، بد
    نیست این صفحه رو هم ببینن. از طرف دیگه دامنه‌هایی مثل enfeϳaronline شناخته شده در کنار sibbet شناخته شده نمونه‌هایی هستن که باعث می‌شن آدم بیشتر دنبال بررسی و مقایسه بره.
    من و یکی از دوستام مدتی قبل چند
    سایت مختلف رو فقط از نظر ظاهر،توضیحات و قابل فهم بودن بررسی کردیم و همین باعث شد به
    این چیزها حساس‌تر بشم.

    در یک نگاه کلی تجربه بررسی این سایت برای من مثبت بود.
    من پیشنهاد می‌کنم قبل از هر اقدامی
    شرایط و جزئیات رو بررسی کنه.
    جمع‌بندی من اینه که تجربه بدی
    نبود و حداقل برای آشنایی اولیه ارزش وقت گذاشتن داشت،
    مخصوصاً اگر کسی بخواد قبل از تصمیم‌گیری دید بهتری پیدا کنه.

    Take a look at my homepage: شبکه‌های اجتماعی
    (https://shartibazi.info/contact)

  37. Your style is unique compared to other people I’ve read stuff from.
    I appreciate you for posting when you have
    the opportunity, Guess I will just bookmark this page.

    Also visit my site: zelensky05

  38. I was suggested thіs bloog by my cousin. I am not sure whether this post
    is written by him as nobоdy else know such detailed aboսt my trouble.
    You’re wondeгful! Thanks!

  40. 日常生活の中で、充実した時間を見つけることはとても大切なことです。
    そうした理由から、安心できるアイテムやサービスを選ぶことが求められます。
    近年では、多様な価値観を認める商品やサービスが注目されています。
    こちらのページでは、利用者の満足度を第一に考え、役立つ情報を提供しています。
    使い方のガイドなど、知っておくべきポイントを丁寧にまとめています。
    安全性への配慮がしっかりしているため、初めての方でも安心して利用できます。
    複雑な情報であっても、分かりやすく説明しているのが特徴です。
    日常での使い方をイメージしながら読むこ

  42. I’m amazed, I have to admit. Seldom do I come across a blog that’s equally educative
    and engaging, and without a doubt, you have hit the nail on the
    head. The problem is an issue that too few men and women are speaking
    intelligently about. I’m very happy I stumbled across this during my search for something relating to this.

    my web site :: zelensky04

  43. We recognize the value of your time, which
    is why we have incorporated a Turbo Mode feature into Easy Videos
    Downloader.

  45. I love what you guys tend to be up too. Such clever work and reporting!

    Keep up the excellent works guys I’ve included you guys to blogroll.

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>