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

  1. Hello! This is my first visit to your blog! We are a group of volunteers and
    starting a new initiative in a community in the same niche.
    Your blog provided us beneficial information to work on. You have done a wonderful
    job!

  2. Hi there terrific website! Does running a
    blog like this take a great deal of work? I
    have no understanding of computer programming but I was hoping to start my own blog soon. Anyways,
    should you have any ideas or tips for new blog owners please share.

    I know this is off topic nevertheless I just wanted to ask.
    Appreciate it!

  5. Hello! I could have sworn I’ve been to your blog before but after going through a few
    of the posts I realized it’s new to me. Anyways, I’m definitely
    pleased I stumbled upon it and I’ll be book-marking it and checking back often!

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

  10. この度理想的なランジェリーやインナーを探し続けていましたが、こちらのショップでまさに求めていた商品に出会うことができ、心より満足しております。デザインのセンスが大変優れており、体のラインを美しく魅せてくれる繊細なシルエットが最大の魅力だと強く感じます。
    多彩なデザインが数多く取り揃えられており、シーンや気分に合わせて自由に選べる楽しさがあり、毎日のコーディネートがさらに楽しくなります。素材の肌触りがすごく良く、長時間着用しても肌にストレスを与えず、柔らかく優しい着け心地が大変好印象です。
    品質がどの商品も安定しており、どのアイテムを選んでも高い満足度を得られる水準にあります。珍しいデザインが豊富に揃っており、他の人と被らないオリジナリティのあるアイテムを見つけられる点が非常に魅力的です。
    細部のディテールまで徹底的にこだわって作られており、レースの質感、ステッチの美しさ、フィット感の絶妙さなど、クリエイターの努力と配慮が隅々まで伝わってきます。着用時のシルエットはもちろん、実用性とデザイン性のバランスが完璧で、長く愛用できる商品ばかりです。
    機会があれば是非利用させていただきたいと心から思います。季節の新作の追加や入荷情報も期待していますので、これからもずっと注目し続けたいと思える、本当に素晴らしいショップだと強く推奨いたします。

  13. An impressive share! I’ve just forwarded this onto a colleague who was
    doing a little homework on this. And he actually
    ordered me breakfast simply because I discovered it for him…
    lol. So let me reword this…. Thanks for the meal!!
    But yeah, thanx for spending time to talk about
    this matter here on your web site.

    my website: cheap mooncakes singapore

  14. Gıda ticaretiyle ilgilenen işletmeler arasında güvenilirlik her zaman ön planda olmalı.
    Timo Agro’nun bu alandaki hizmetleri işletmeler açısından faydalı olabilir.

  15. Please let me know if you’re looking for a article writer for your blog.

    You have some really great posts and I think I would be a good asset.
    If you ever want to take some of the load off, I’d love to write some material for your blog in exchange
    for a link back to mine. Please shoot me an email if interested.
    Regards!

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

  23. With havin so much content and articles do you ever run into any issues of plagorism or copyright
    violation? My website has a lot of completely unique content I’ve either written myself
    or outsourced but it looks like a lot of it
    is popping it up all over the internet without my agreement.
    Do you know any ways to help stop content from being ripped off?

    I’d certainly appreciate it.

  24. Very nice post. I just stumbled upon your blog and wished to say that I’ve really enjoyed browsing
    your blog posts. After all I’ll be subscribing to your
    rss feed and I hope you write again soon!

  27. Hello everybody, here every person is sharing such experience, therefore it’s
    fastidious to read this weblog, and I used to pay a
    visit this website everyday.

  28. Wah lao, eѵen whether establishment remaіns high-end, mathematics serves ɑѕ
    the critical subject for cultivating poise гegarding numbеrs.

    Alas, primary maths instructs real-ѡorld applications ⅼike money management, tһerefore ensure yоur kid grasps tһіs correctly bеginning young age.

    Jurong Pioneer Junior College, formed fгom a strategic merger, offeгs a forward-thinking education tһаt highlights China preparedness аnd global engagement.

    Modern schools provide excellent resources fօr commerce, sciences, ɑnd arts,
    promoting ᥙseful skills and creativity. Students delight іn improving programs like global collaborations ɑnd character-building efforts.
    The college’s supportive community promotes strength ɑnd management through varied
    c᧐-curricular activities. Graduates аre fully equipped for dynamic professions, embodying care аnd
    continuous enhancement.

    Anderson Serangoon Junior College, arising fгom the
    tactical merger оf Anderson Junior College аnd Serangoon Junior College, produces а dynamic ɑnd inclusive knowing neighborhood tһat prioritizes ƅoth academic rigor ɑnd
    tһorough personal advancement, ensuring students receive individualized attention іn ɑ supporting
    environment. Τhe organization features ɑn variety օf
    innovative centers, such as specialized science laboratories geared սp
    witһ the most recent technology, interactive
    class developed fⲟr gｒoup cooperation, ɑnd
    comprehensive libraries equipped ѡith digital resources, аll ⲟf wһіch empower trainees
    tο explore innovative tasks in science, technology, engineering, аnd mathematics.
    Βy positioning а strong emphasis ⲟn management training аnd character education tһrough structured programs ⅼike trainee councils ɑnd mentorship
    efforts, students cultivate neсessary qualities suсh as strength,
    compassion, ɑnd efficient teamwork tһat extend ƅeyond academic accomplishments.
    Ϝurthermore, the college’ѕ devotion to cultivating
    worldwide awareness appears іn its reputable international exchange programs ɑnd collaborations wіth overseas organizations, permitting students
    tо acquire vital cross-cultural experiences and
    expand their worldview іn preparation for a globally linked future.
    Ꭺs ɑ testimony to itѕ efficiency, graduates fгom
    Anderson Serangoon Junior College regularly gain admission t᧐ renowned universities both in your ɑrea
    and internationally, embodying tһe institution’s
    unwavering dedication tⲟ producing positive, versatile,
    ɑnd multifaceted individuals аll set tо master varied fields.

    Folks, kiasu mode оn lah, solid primary math leads іn superior scientific comprehension and engineering
    aspirations.
    Wah, mathematics іs the base pillar fоr primary learning, helping kids fⲟr dimensional analysis fߋr design paths.

    Besides from establishment facilities, concentrate ᥙpon mathematics fⲟr aｖoid common pitfalls ѕuch
    ɑs sloppy errors in tests.

    Wah lao, no matter tһough establishment іs high-end, mathematics iѕ tһe critical subject
    іn building poise іn numЬers.
    Oh no,primary math nstructs real-ԝorld usеs sucһ as financial planning, tһerefore makе
    suｒe your kid grasps it properly bｅginning young.

    Math mastery іn JC prepares ʏou for tһе
    quantitative demands of business degrees.

    Alas, primary math teaches practical սѕes ѕuch ɑѕ financial planning, tһus guarantee yojr child masters tһat correctly starting еarly.

    Ƭake a look at my paցe math tuition agency

  29. Hello there, You have done an incredible job.
    I will definitely digg it and personally recommend to my friends.
    I am confident they’ll be benefited from this site.

  30. great publish, very informative. I ponder why the other experts of this sector do not understand this.
    You should proceed your writing. I’m sure, you have
    a great readers’ base already!

  32. you’re actually a just right webmaster. The site loading velocity is amazing.
    It seems that you’re doing any unique trick.
    Also, The contents are masterwork. you have performed a magnificent task on this subject!

  33. Nice post. I learn something tougher on totally different blogs everyday. It should always be stimulating to learn content material from different writers and practice just a little something from their store. I?d want to use some with the content material on my weblog whether you don?t mind. Natually I?ll offer you a hyperlink in your web blog. Thanks for sharing.

  34. I’ll right away take hold of your rss feed as I can not to
    find your e-mail subscription link or newsletter service.
    Do you’ve any? Please permit me know so that I could subscribe.
    Thanks.

  36. No matter if some one searches for his essential thing, so he/she
    needs to be available that in detail, thus that thing is maintained over here.

    Here is my web blog … Diagnostic

  38. Многие авторы используют водяные знаки, чтобы затруднить незаконное распространение
    их контента.

  39. Have you ever thought about including a little bit more than just your articles?
    I mean, what you say is valuable and all. But think about if you
    added some great pictures or videos to give your posts more,
    “pop”! Your content is excellent but with images and videos, this site could certainly be one of the most beneficial in its field.
    Good blog!

  41. Woah! I’m really digging the template/theme of this website.
    It’s simple, yet effective. A lot of times it’s difficult to get
    that “perfect balance” between user friendliness and visual appeal.
    I must say you have done a amazing job with this. Also, the blog loads super fast
    for me on Internet explorer. Exceptional Blog!

    Also visit my site: best slots UK

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>