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.

15,341 thoughts on “Play Framework HTML5 input elements”

  1. 광명출장마사지는 경기도 광명 지역에서 고객이 있는 숙소나 자택으로 마사지사가 직접
    방문하여 서비스를 제공하는 형태를 의미합니다.
    주된 이용 목적은 피로 회복이나 휴식이며

  3. You’ve made some good points there. I looked on the
    net to find out more about the issue and found most people
    will go along with your views on this site.

  4. I do not even know how I ended up here, but
    I thought this post was great. I don’t know who you are but definitely you are going to a
    famous blogger if you aren’t already ;) Cheers!

  5. Howdy! This article could not be written any better!
    Looking at this article reminds me of my previous roommate!
    He continually kept talking about this. I am going to send this information to him.
    Pretty sure he’ll have a great read. Thanks for sharing!

  6. Thanks a lot for sharing this with all people you really realize what you’re speaking approximately!
    Bookmarked. Kindly additionally talk over with my site =).
    We will have a link alternate arrangement between us

  9. This is the perfect website for anyone who hopes to understand this
    topic. You know so much its almost tough to argue with you (not that I personally will
    need to…HaHa). You certainly put a brand new spin on a topic that has been discussed for
    many years. Great stuff, just excellent!

  10. Right here is the right website for anyone who wants to find out about this topic.

    You understand a whole lot its almost hard to argue with you (not that I actually will need to…HaHa).
    You certainly put a brand new spin on a subject which
    has been written about for years. Wonderful stuff, just excellent!

  11. Howdy! I’m at work surfing around your blog from my new
    iphone! Just wanted to say I love reading your blog and look
    forward to all your posts! Carry on the superb work!

  12. در یک نگاه کلی

    برای کسانی که

    بازی انفجار آنلاین

    مشغولن

    اینجا

    کاملاً می‌تونه

    جزو بهترین‌ها باشه

    از این جهت هم

    برندهایی مثل

    enfejar оnline

    و

    سرویس sibbet

    اثرگذار بودن

    در کل داستان

    برام جالب بود

    و

    باز هم حتما

    بازدیدش می‌کنم

    Also visit my website – سایت نرم افزار – Laura,

  17. Do you mind if I quote a couple of your posts as long as I provide
    credit and sources back to your weblog? My blog site is in the very same area of interest as yours and my users would certainly benefit from a lot of the
    information you present here. Please let me know if this ok with you.
    Many thanks!

  18. Hi there, I enjoy reading through your article post. I wanted to write a little comment to support you.

  19. Terrific work! This is the type of information that are supposed to be shared across the
    web. Shame on Google for no longer positioning this publish upper!
    Come on over and consult with my web site .
    Thank you =)

  20. Hello, i feel that i noticed you visited my site thus
    i got here to return the want?.I am trying to to find things to enhance my website!I guess
    its adequate to make use of some of your ideas!!

  21. It’s truly very complex in this active life to listen news on Television, thus I just use world wide web for
    that reason, and take the most up-to-date news.

  23. Great post. I was checking continuously this blog and I am inspired!
    Very useful info particularly the closing section :) I deal with such
    info a lot. I used to be looking for this particular info for a very
    lengthy time. Thanks and good luck.

  24. It is appropriate time to make some plans for the future and it’s time to be happy.
    I have read this put up and if I may I desire to suggest you few fascinating things or tips.

    Perhaps you can write subsequent articles regarding this article.

    I desire to learn even more issues about it!

  25. I recently came across an detailed article about Paybis and honestly it caught my attention.

    The post explained how people are using crypto in smarter ways, and it felt real.

    After checking it out, I recommended it to my
    family member, and he decided to explore it. Within the next month, he started managing his money differently.

    He didn’t just sit around — he actually applied what
    he learned. Eventually, he got close to 150k in results — not overnight, but through
    smart decisions.
    What surprised me most is how his lifestyle
    changed. He even finally bought something he always wanted, something like an Audi A5, and completely
    changed his mindset. He even built a new social circle around
    success.
    This isn’t magic or guaranteed, but the story is true from
    what I’ve seen, and that article definitely made a big
    impact.
    There’s actually a way to check it out here, and I’d seriously
    say it’s worth your time.
    Information really can make a difference.

  28. Hi! This post could not be written any better!

    Reading this post reminds me of my previous room mate!
    He always kept chatting about this. I will forward this page to him.
    Pretty sure he will have a good read. Thank you for sharing!

  33. I recently came across an eye-opening article about
    a crypto platform called Paybis and honestly it really made me think.

    The guide shared insights on how digital finance is evolving, and
    it wasn’t full of complicated jargon.
    After going through it, I told my uncle, and he got really interested.
    Within the next month, he looked at new income opportunities.

    He didn’t just sit around — he actually applied what he learned.
    Eventually, he even pushed towards 200k depending on timing — not overnight,
    but through consistency.
    What surprised me most is how his lifestyle changed. He even upgraded his lifestyle, something like
    a BMW 3 Series, and became more confident. He even built a new social
    circle around success.
    I’m not saying this will happen to everyone, but the story is real,
    and that article definitely changed the way we look at money.

    There’s actually a way to check it out here, and I’d seriously advise you to check it.

    Information really can make a difference.

  35. Hello 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 info. Thanks for the post. I will certainly return.

  36. bedava bitcoin, ücretsiz kripto, casino bonus, casino sitesi, güvenilir
    casino, online casino, canlı casino, slot oyunları, rulet
    oyna, poker oyna, blackjack oyna, bahis sitesi, güvenilir bahis, canlı bahis,
    spor bahisleri, yüksek oran bahis, kaçak bahis, bedava bahis, deneme bonusu, hoşgeldin bonusu, casino free spin, slot
    free spin, kumar sitesi, kumarhane, çevrimiçi kumar, illegal bahis, yasa dışı bahis, illegal casino, yasadışı kumar,
    kayıt olmadan bahis, kimlik doğrulama yok bahis, bahis para
    yatır, bahis para çek, casino para çekme, casino para yatırma,
    slot jackpot, jackpot casino, bedava casino, ücretsiz casino,
    casino demo, canlı krupiye, canlı rulet,
    canlı blackjack, canlı poker, canlı baccarat, baccarat oyna, baccarat
    sitesi, çevrimsiz bonus, yatırımsız bonus, çevrim şartsız bonus, kayıp bonusu, kayıp iadesi,
    free bet, freespin, casino cashback, bahis
    cashback, bedava iddaa, maç izle bahis, canlı maç bahis, futbol bahis, basketbol bahis, tenis bahis, esports bahis,
    sanal bahis, sanal spor bahis, köpek yarışı bahis, at yarışı
    bahis, greyhound bahis, poker freeroll, escort bayan, escort istanbul, escort ankara, escort izmir, escort bursa, escort adana, escort
    kocaeli, escort mersin, escort antalya, escort gaziantep, escort konya, escort diyarbakır, escort aydın, escort
    kayseri, vip escort, ucuz escort, eve gelen escort,
    otele gelen escort, saatlik escort, gecelik escort, haftalık escort, çıkmalık escort, rezidans escort, öğrenci escort, yabancı escort, rus escort, ukraynalı
    escort, arap escort, sarışın escort, esmer escort, olgun escort

  39. Hi there are using WordPress for your blog platform?
    I’m new to the blog world but I’m trying to get started and create
    my own. Do you require any html coding knowledge to make your own blog?
    Any help would be greatly appreciated!

  40. Woah! I’m really loving the template/theme of this
    website. It’s simple, yet effective. A lot
    of times it’s very hard to get that “perfect balance” between user friendliness and visual appearance.
    I must say that you’ve done a amazing job with this.
    Additionally, the blog loads super fast for me on Safari.

    Outstanding Blog!

  41. Ƭhanks , I have ϳust been searching for info approximately this ѕuЬject fⲟr ɑ
    ѡhile and ours is the greatest I hae found out till noѡ.
    Bսt, what in regards to the conclusіon? Are you poѕitive about the source?

    Feel free to surf to my wweb sitre karachi spa services

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>