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

  1. Hey I know this is off topic but I was wondering if you knew of
    any widgets I could add to my blog that automatically tweet my newest
    twitter updates. I’ve been looking for a plug-in like this for quite some time and was hoping maybe you would have some experience
    with something like this. Please let me know if you run into anything.
    I truly enjoy reading your blog and I look forward
    to your new updates.

  2. We are a group of volunteers and opening a new scheme in our community.
    Your site provided us with valuable information to work on. You’ve
    done an impressive job and our entire neighborhood shall be grateful to
    you.

    Feel free to surf to my website: sage jellycat dragon

  4. Hello there, just became aware of your blog through Google,
    and found that it is truly informative. I am going to watch out for brussels.
    I’ll appreciate if you continue this in future.
    Many people will be benefited from your writing.
    Cheers!

  7. Hi there to every one, it’s really a good for me to pay a quick visit this site, it contains important Information.

  8. I’m really enjoying the design and layout of your
    blog. It’s a very easy on the eyes which makes it much more pleasant for me to come here and visit more often. Did you hire out
    a developer to create your theme? Fantastic work!

    Also visit my web-site :: kkpoker review

  10. The other day, while I was at work, my sister stole my iphone
    and tested to see if it can survive a forty foot drop, just so she can be a youtube sensation. My iPad is now destroyed and she has 83 views.
    I know this is entirely off topic but I had to share
    it with someone!

  13. Hey there, I think your blog might be having browser compatibility issues.
    When I look at your blog in Ie, it looks fine but when opening in Internet Explorer, it has some overlapping.
    I just wanted to give you a quick heads up! Other then that, very good blog!

    Here is my site BOBATOTO

  14. Hello there, I found your website by means of Google while looking for a related
    matter, your web site came up, it seems great.
    I have bookmarked it in my google bookmarks.
    Hi there, just become alert to your blog through Google, and found that it is
    really informative. I’m gonna watch out for brussels.
    I will be grateful if you happen to continue this in future.
    Many other folks will be benefited out of your writing.
    Cheers!

  15. I’m not sure where you are getting your information, but good topic.
    I needs to spend some time learning more or understanding more.
    Thanks for magnificent info I was looking for this info for my mission.

  17. Greetings from Colorado! I’m bored to tears at work so I decided to
    check out your blog on my iphone during lunch break.
    I really like the knowledge you present here and can’t wait to
    take a look when I get home. I’m surprised at how fast your blog loaded
    on my cell phone .. I’m not even using WIFI, just 3G ..
    Anyways, fantastic site!

  18. We аre Singapore’s premier furniture store ɑnd spacious furniture showroom — үoᥙr go-to one-stοp shop for hіgh-quality һome
    furnishings ɑnd smart furniture fоr HDB interior desiign іn Singapore.
    Enjoy stylish and affordable solutions ᴡith exciting
    furniture promotions, sofa promotions аnd Singapore furniture sale օffers сreated foг eνery HDB home.

    Appreciating thе imрortance of furniture іn interior design wһile buying furniture
    f᧐r HDB interior design guides үοu toward versatile living гoom sofas, quality mattresses, sturdy bed fгames wіth storage, practical ϲomputer desks and beautiful coffee tables
    — ᥙse our expert tips to buy quality sofa bed ɑnd quality coffee table for maхimum νalue.

    Ԝhether refreshing ʏour Singapore living гoom furniture, bedrroom furniture Singapore օr study space ѡith tthe latеst furniture sale οffers and affordable HDB furniture Singapore, ᧐ur
    thoughtfully curated collections combine contemporary design, superior comfort ɑnd lasting
    durability to create beautiful,functional living spaces suited tо
    modern lifestyles ɑcross Singapore.

    Singapore’ѕ toρ-rated furniture store aand comprehensive furniture showroom іs yoսr perfect one-ѕtop destination for
    premium home furnishings and thoughtful furniture fⲟr HDB interior design. Ꮃe provide modern and ѵalue-for-money solutions enriched with furniture оffers, mattress promotions аnd Singapore furniture sale
    οffers fⲟr everү Singapore home. Thｅ importɑnce of furniture
    in interior design Ьecomes even clearer wһеn buying furniture fоr
    HDB interior design — select space-efficient L-shaped sectional sofas,
    premium mattresses, queen bed fｒames, ergonomic study desks аnd
    elegant coffee tables ᴡhile following practical tips tо buy quality bed frаme, quality sofa bed аnd quality coffee table.
    Ԝhether уoս’re refreshing ʏour living room furniture Singapore, bedroom furniture Singapore ⲟr dining room furniture Singapore ᴡith the latest affordable HDB
    furniture Singapore, oᥙr thoughtfully curated collections merge contemporary design,
    suoerior comfort аnd lastingg durability to crеate beautiful, functional living spaces
    tһat sui modern lifestyles аcross Singapore.

    As Singapore’ѕ leading furniture store аnd comprehensive furniture showroom іn Singapore, we are yoսr go-to one-stօр shop
    fоr quality mattresses Singapore. Ꮤe deliver modern and budget-friendly
    solutions ѡith exciting Singapore furniture promotions, mattress promotions ɑnd Singapoire
    mattress promotions tailored tⲟ еvery HDB home. Recognising tһｅ impօrtance of furniture іn interior design whiⅼe
    buying furniture fօr HDB interior design meаns choosing the perfect premium mattresses — from queen size memory foam mattresses аnd king size hybrid mattresses tо
    super single latex mattresses ɑnd cooling gel pocket spring mattresses tһat deliver
    superior sleep comfort іn compact Singapore bedrooms.
    Whether уou’re refreshing y᧐ur HDB bedroom furniture wіth the latеst
    furniture sale ⲟffers, our thoughtfully curated
    collections combine contemporary design, superior comfort аnd lasting durability too ϲreate beautiful, functional
    living spaces tһat suit modern lifestyles ɑcross Singapore.

    At Singapore’ѕ leading furniture store аnd lɑrge
    furniture showroom, discover ʏour ideal one-stoⲣ shop for quality sofas Singapore.
    Ԝe deliver chic and budget-friendly solutions filoed ԝith exciting furniture deals, sofa promotions ɑnd Singapore furniture sale
    οffers fⲟr eveгy Singapore residence. Ꭲhe іmportance
    οf furniture іn interior design іs evident ᴡhen buying furniture fοr HDB intetior desiyn —
    select tһe ideal sofas including L-shaped sectional sofas ԝith storage,
    premium leather corner sofas, plush fabric recliners аnd versatile modular sofas tһat enhance living roօm comfort аnd space efficiency.Ԝhether
    you’re updating ʏour HDB living гoom furniture uѕing the lаtest furniture promotions, ߋur carefully chosen collections blend contemporary design, superior comfort ɑnd exceptional durability іnto beautiful,
    functional living spaces tһat match modern Singapore homes.

    Look at my homepage; singapore interior design

  19. Thanks designed for sharing such a good thinking, post is pleasant,
    thats why i have read it completely

  23. Heya i am for the primary time here. I found this board and I find It really
    helpful & it helped me out a lot. I hope to present one thing
    again and aid others such as you helped me.

  24. When I originally 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 me from that service? Cheers!

  25. I will immediately grasp your rss as I can’t find your e-mail subscription link or e-newsletter service.
    Do you’ve any? Please allow me recognize in order
    that I may just subscribe. Thanks.

  28. Hello, Neat post. There’s a problem with your website in web explorer,
    may test this? IE nonetheless is the marketplace chief and a
    huge part of other folks will miss your excellent writing because of this problem.

    Feel free to visit my website; idr toto

  34. Howdy! I could have sworn I’ve been to this web site before
    but after looking at a few of the articles I realized it’s new to me.
    Nonetheless, I’m certainly delighted I discovered it and I’ll be book-marking it and
    checking back often!

  35. Hey there are using WordPress for your site platform? I’m new to the blog world but I’m trying to get started and create my own. Do you need any coding expertise
    to make your own blog? Any help would be greatly appreciated!

    Feel free to visit my web-site; 계산동쓰리노

  36. Just want to say your article is as astonishing.
    The clarity in your post is simply great and i could
    assume you’re an expert on this subject. Fine with your permission allow me to grab your feed
    to keep up to date with forthcoming post. Thanks a million and please carry on the rewarding work.

  37. Hi there Dear, are you actually visiting this site
    on a regular basis, if so then you will absolutely obtain pleasant experience.

  38. “ภาวะเเท้งคุมคาม” หนึ่งในภาวะอันตรายที่นำพามาสู่คุณ “แม่ตั้งครรภ์”
    ซึ่งไม่เพียงเฉพาะในไตรมาสแรกของ “การตั้งครรภ์” เท่านั้น แต่ภาวะแท้งคุกคามนี้ยังสามารถเกิดขึ้นได้ในทุก “ช่วงของการตั้งครรภ์” เพราะฉะนั้นจึงจำเป็นต้องดูแลเอาใจใส่เป็นพิเศษ เพื่อป้องกันการเกิดภาวะนี้ไว้ตั้งแต่เนิ่นๆ
    
ภาวะแท้งคุกคาม คือ…
    ความจริงแล้วภาวะนี้ก็คือ โอกาสที่จะทำให้เกิดการสูญเสียตัวอ่อนหรือทารกในครรภ์มารดา ซึ่งเกิดขึ้นได้ทั้งจากความผิดปกติที่เกิดจากธรรมชาติ และปัจจัยเสี่ยงจากคุณแม่ตั้งครรภ์ที่อาจไม่ได้ตั้งใจและไม่รู้ตัวว่าสิ่งที่ทำนั้นกำลังเสี่ยงต่อการเกิดภาวะแท้งคุมคามนี้ได้
    line : @2planned
    https://cy2tec.com/blog7.html

  39. With havin so much content do you ever run into any issues
    of plagorism or copyright infringement? My site has a lot of exclusive content I’ve either
    written myself or outsourced but it seems a lot of it is popping it up all
    over the web without my authorization. Do you know any ways to help protect against content from being ripped off?
    I’d certainly appreciate it.

    Also visit my page :: idrtoto

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>