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

  1. I absolutely love your blog and find the majority of your
    post’s to be what precisely I’m looking for. Do you offer guest writers to write content available for you?
    I wouldn’t mind producing a post or elaborating on many of the subjects you write in relation to here.
    Again, awesome web site!

  2. Minedrop — захватывающий слот в стиле Minecraft!

    Копайте блоки, собирайте ресурсы и выигрывайте
    крупные призы. Уникальная механика падающих символов создаёт цепочки побед казино майнкрафт играть онлайн.
    Погрузитесь в пиксельный мир приключений и богатств!

  3. Thanks for finally writing about > Play Framework HTML5 input elements | freestyle developments < Loved it!

  4. whoah this weblog is excellent i love reading your articles.
    Stay up the great work! You recognize, a lot of persons are searching round
    for this information, you can help them greatly.

  5. Everyone loves what you guys are up too. Such clever work and exposure!
    Keep up the excellent works guys I’ve incorporated you guys to blogroll.

  6. I just could not depart your site prior to suggesting that I really enjoyed the standard information a person provide for your visitors? Is gonna be back often to check up on new posts

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

  11. You made some decent points there. I looked on the internet for more
    information about the issue and found most individuals will go along with your views on this site.

  12. This is a very informative post about online casinos and betting platforms.
    I especially liked how it explains the importance of choosing a
    trusted 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.

  13. This is a very informative post about online casinos and betting platforms.

    I especially liked how it explains the importance of choosing a trusted
    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.

  17. Howd woild youu mind statinng whjch blpg platfortm you’re working with?
    I’m lookking too stawrt myy oown blog iin the nar futuure bbut I’m haaving a difficult tkme choosing btween BlogEngine/Wordpress/B2evolution aand Drupal.
    Thhe reasoin I assk iss because yor design seerms dofferent then most blogs
    annd I’m looking forr someyhing commpletely unique. P.S
    Sofry forr getting off-topic butt I had too ask!

  18. Thank you for the good writeup. It in fact was a amusement account it.
    Look advanced to more added agreeable from you! By the way, how
    can we communicate?

  19. It is 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 some interesting things or advice.
    Perhaps you can write next articles referring to this article.
    I want to read even more things about it!

  20. hey there and thank you for your info – I have definitely picked
    up something new from right here. I did however expertise several technical points using this website, since I
    experienced to reload the site many times previous to I could get it to load properly.
    I had been wondering if your hosting is OK?
    Not that I am complaining, but slow loading instances
    times will sometimes affect your placement in google and can damage your high quality score
    if advertising and marketing with Adwords. Anyway I am adding this RSS to
    my email and could look out for much more of your respective
    interesting content. Ensure that you update this again very soon.

  23. Remarkable things here. I am very satisfied to see your post.
    Thank you so much and I’m looking forward to touch you. Will
    you please drop me a mail?

  24. 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

  26. You’ve made some really good points there. I checked on the internet for additional information about the issue and found most individuals
    will go along with your views on this site.

  28. Just want to say your article is as surprising.
    The clarity in your post is simply excellent and i can assume you’re
    an expert on this subject. Well with your permission allow me to grab your feed to keep up
    to date with forthcoming post. Thanks a million and please continue the enjoyable work.

  29. I’ve read some just right stuff here. Certainly worth
    bookmarking for revisiting. I surprise how much effort you set to make
    any such excellent informative website.

  30. Thank you for the auspicious writeup. It in fact was a amusement account it.
    Look advanced to far added agreeable from you! By
    the way, how could we communicate?

  31. I was very pleased to find this great site. I need to to thank you
    for your time for this particularly fantastic read!!

    I definitely appreciated every bit of it and i also have you saved to fav to check out new stuff in your site.

  32. I visited several blogs however the audio feature for audio songs present at this web site is actually fabulous.

  33. Hi there, You’ve dohe an excellenjt job. I’ll definitely igg itt aand perfsonally sugggest tto
    myy friends. I amm sufe tey will bbe enefited from thjs website.

  34. Hello! Would you mind if I share your blog with my
    myspace group? There’s a lot of people that I think would
    really enjoy your content. Please let me know. Many thanks

  36. I read this paragraph fully concerning the resemblance of hottest and previous technologies, it’s amazing article.

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

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

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

  39. Pretty nice post. I just stumbled upon your weblog and wished to say that I’ve truly enjoyed surfing around your blog posts.

    In any case I’ll be subscribing to your feed
    and I hope you write again very soon!

  45. Hi, I do believe this is a great blog. I stumbledupon it ;) I may revisit
    once again since I bookmarked it. Money and freedom is the best way to change, may
    you be rich and continue to guide other people.

  46. When I initially commented I clicked the “Notify me when new comments are added” checkbox and now each time a comment is added I get several e-mails with the same comment.

    Is there any way you can remove people from that service?
    Thanks a lot!

  47. Excellent site you have got here.. It’s hard to find high
    quality writing like yours nowadays. I truly appreciate individuals like
    you! Take care!!

  48. Discover the ideal ᧐f Singapore’ѕ shopping
    scene ɑt Kaizenaire.com, wһere leading promotions fгom favorite brand
    names аre curated simply fօr yօu.

    Promotions аre treasures in Singapore’ѕ shopping paradise, valued Ƅү Singaporeans.

    Accumulating comic publications fuels tһｅ creative imaginations of geeky
    Singaporeans, ɑnd keеp in mind to remain upgraded ⲟn Singapore’ѕ latеѕt promotions and shopping deals.

    Issue Prints produces honest fabrics ɑnd clothing, treasured by
    lasting customers in Singapore fⲟr their һɑnd-block printed textiles.

    Charles & Keith ⲟffers fashionable shoes аnd bags leh, precious ƅy style-savvy Singaporeans fߋr tһeir fashionable layouts ɑnd pгice one.

    Genki Sushi zooms sushi νia state-of-the-art trains,
    treasured ƅy tech-savvy residents for ingenious delivery ɑnd
    fresh attacks.

    Μuch betyer be kiasu leh, browse tһrough Kaizenaire.сom typically fօr irresistible promotions
    ⲟne.

    Here іs my web site :: sound bar promotions

  49. Magnificent beat ! I would like to apprentice even as you amend your website, how could i
    subscribe for a blog website? The account helped me a appropriate deal.
    I were tiny bit acquainted of this your broadcast provided
    brilliant transparent concept

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>