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.

12,462 thoughts on “Play Framework HTML5 input elements”

  3. Hi, I do believe your web site could possibly be having browser
    compatibility problems. Whenever I look at your web site in Safari,
    it looks fine but when opening in Internet Explorer, it’s got
    some overlapping issues. I merely wanted to provide you with a quick heads up!
    Aside from that, excellent site!

  4. This is a very informative post about online casinos.

    I really like how you explained the importance of choosing
    reliable sites.

    From what I’ve seen, ufabet888 are frequently mentioned
    because they offer stable performance and secure transactions.

    Many users usually find it difficult to find reliable websites, so content like this is great for guidance.

    Thanks for sharing — this will definitely help beginners avoid risky websites.

  5. Why visitors still make use of to read news papers when in this technological globe
    all is available on web?

  6. Nice post. I used to be checking continuously this blog and I am
    impressed! Extremely helpful information particularly
    the last section :) I care for such information much.
    I used to be looking for this particular info for a long time.
    Thank you and good luck.

  7. Hello! I just wanted to ask if you ever have any trouble with hackers?
    My last blog (wordpress) was hacked and I ended up losing several weeks
    of hard work due to no back up. Do you have any methods to prevent hackers?

  9. Hello there! This post couldn’t be written any better!
    Reading through 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!

  10. Thanks , I have just been searching for info approximately this topic for
    a long time and yours is the greatest I’ve found out so far.
    But, what concerning the conclusion? Are you certain in regards to the supply?

  12. Howdy would you mind letting me know which web host you’re using?
    I’ve loaded your blog in 3 completely different
    internet browsers and I must say this blog loads a lot faster then most.
    Can you suggest a good web hosting provider at a fair price?
    Thanks a lot, I appreciate it!

  14. Oh my goodness! Awesome article dude! Thank you, However I
    am encountering difficulties with your RSS. I don’t know why I
    cannot subscribe to it. Is there anybody having the same RSS issues?

    Anybody who knows the solution can you kindly respond? Thanks!!

  15. Undeniably imagine that which you stated. Your favorite reason seemed
    to be on the net the easiest factor to be aware of. I say to you, I certainly get irked at the same time as other
    people consider worries that they just do not know about. You controlled to hit the
    nail upon the top and also defined out the whole thing with no
    need side-effects , other folks can take a signal.
    Will likely be again to get more. Thank you

  16. Attractive section of content. I just stumbled upon your web site and in accession capital to assert that I get actually enjoyed account your blog posts.
    Anyway I will be subscribing to your feeds and even I achievement you access consistently quickly.

  20. But the whole shut-down of mTORC1 has its downside because it does so many things in normal cells,
    limiting prospects for using protein blockers as broader disease therapies, researchers say.

  22. Singapore’ѕ intensely competitive schooling ѕystem
    makeѕ primary math tuition crucial f᧐r establishing а firm foundation іn core concepts including numeracy fundamentals,
    fractions, аnd early ⲣroblem-solving techniques riցht from the beginning.

    Gіven Singapore’s strong focus оn STEM career pathways, strong Ⲟ-Level math resultѕ —often reinforced thr᧐ugh tuition — unlocks
    access tо premier junior colleges, top polytechnic courses, and competitive university
    programmes.

    Ϝаr more tһan jᥙst marks, high-quality JC math tuition builds enduring
    analytical stamina, refines advanced critical thinking, ɑnd equips learners fully foг tһe mathematical demands ⲟf university-level study in STEM аnd quantitative disciplines.

    Ιn Singapore’s fast-paced аnd highly competitive education ѕystem,
    remote math lessons һɑѕ emerged ɑs а game-changing solution fοr primary students, offering
    convenient timings ɑnd customised attention tߋ help young learners confidently master foundational
    PSLE topics ⅼike fractions, ratios and speed-distance рroblems from һome withοut rigid centre schedules.

    OMT’ѕ community online forums permit peer motivation, ᴡhere shared math
    understandings trigger love ɑnd cumulative drive for exam excellence.

    Join ᧐ur smalⅼ-group on-site classes in Singapore for individualized guidance іn ɑ nurturing environment that constructs strong foundational math abilities.

    Тhe holistic Singapore Math approach, ԝhich builds multilayered analytical abilities,
    highlights ѡhy math tuition is imp᧐rtant for mastering the curriculum ɑnd getting ready for future careers.

    Enriching primary education ѡith math tuition prepares
    trainees fⲟr PSLE Ƅү cultivating ɑ development fгame οf
    mind tоwards challenging subjects ⅼike proportion and cһanges.

    Comprehensive feedback fгom tuition teachers օn technique efforts assists secondary students discover fгom
    blunders, improving precision for tһｅ real
    О Levels.

    Junior college tuition supplies access tⲟ auxiliary sources liке worksheets and video explanations, enhancing Α Level curriculum insurance coverage.

    Ꮤhɑt collections OMT аpart is its custom-made math program tһat prolongs past the MOE curriculum, promoting vital analyzing hands-οn, sensible exercises.

    Video clip explanations аre сlear and interеsting lor, aiding you realize intricate ideas аnd lift your grades easily.

    Tuition programs track development meticulously, motivating Singapore trainees
    ᴡith visible improvements ƅring ɑbout exam goals.

    Also visit my blog :: O Level math exam preparation online

  23. Everything is very open with a clear clarification of the issues.
    It was truly informative. Your website is extremely
    helpful. Thank you for sharing!

  24. Hi! Do you know if they make any plugins to safeguard against hackers?
    I’m kinda paranoid about losing everything I’ve worked hard
    on. Any tips?

  29. Thank you a bunch for sharing this with all people you actually recognise what you are talking about!
    Bookmarked. Please additionally talk over with my website =).
    We may have a link change arrangement among us

  30. Tremendous issues here. I’m very happy to look your post.

    Thanks so much and I’m looking forward to contact
    you. Will you kindly drop me a e-mail?

  33. This is a helpful post about betting platforms.
    I found it useful how you explained the importance of finding secure systems.

    From what I’ve seen, UFABET888 are frequently mentioned because they have smooth
    systems and quick payouts.

    Many bettors often struggle to find trustworthy platforms, so content like this is great for guidance.

    Thanks for sharing — this will definitely help beginners avoid risky websites.

  34. You’re so awesome! I don’t suppose I’ve truly read a single thing like
    this before. So great to find another person with unique thoughts on this subject matter.

    Really.. many thanks for starting this up. This web site
    is one thing that is required on the internet, someone with a bit of originality!

  37. Hi there! I could have sworn I’ve been to this website before
    but after checking through some of the post I realized it’s
    new to me. Anyhow, I’m definitely delighted I found it and
    I’ll be bookmarking and checking back frequently!

  39. Hmm is anyone else having problems with the images on this blog loading?
    I’m trying to figure out if its a problem on my end or if it’s the blog.

    Any responses would be greatly appreciated.

  40. JERUKBET hadir sebagai link bandar situs slot online resmi terbesar di
    Indonesia yang menawarkan pengalaman bermain game digital dengan kualitas terbaik.
    Dengan sistem yang telah teruji dan didukung teknologi
    modern, JERUKBET mampu memberikan kenyamanan serta keamanan bagi setiap pemain yang bergabung.

  41. Howdy! I know this is kinda off topic but I was wondering if you knew where I could locate a captcha plugin for my comment form?
    I’m using the same blog platform as yours and
    I’m having trouble finding one? Thanks a lot!

  42. I would like to thank you for the efforts you have put in writing this site.
    I am hoping to check out the same high-grade content from you in the future as well.

    In fact, your creative writing abilities has encouraged me to get my own website now ;)

  43. Hi! I’ve been following your weblog for a while now
    and finally got the courage to go ahead and give you a shout out
    from Austin Tx! Just wanted to tell you keep up the fantastic work!

  44. Почему пользователи выбирают площадку
    KRAKEN?
    Маркетплейс KRAKEN заслужил
    доверие многочисленной аудитории
    благодаря сочетанию ключевых факторов.

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

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

  45. You’re so cool! I don’t think I have read through something like this before.
    So great to discover somebody with a few original thoughts on this subject matter.
    Really.. thanks for starting this up. This web site is something that is required on the web, someone with some originality!

  46. Hey there! I’ve been reading your weblog for a while now and finally got the bravery to go ahead and give you a shout out from Dallas
    Tx! Just wanted to tell you keep up the good work!

  47. Kechqurun hovlida o‘tirib, shu yozuvni o‘qidim endi fikrlarimni yozmasam bo‘lmaydi.
    Maqolaning boshidan oxirigacha sadoqat bilan o‘qishga majbur
    qildingiz meni butunlay o‘ziga tortdi.

    Menimcha, bu yozuvning eng kuchli tomoni – sizning uslubingizda did va mehmondo‘stlik seziladi.
    Maqolani bir marta o‘qiganimda, darrov boshqalarga ulashdim.

    Sizning keyingi maqolalaringizni kutishga shoshilaman!
    O‘ylaymanki, bunday sifatli material barchaning e’tiboriga loyiq.

  48. You really make it seem so easy with your presentation but I find this topic to be really something
    which I think I would never understand. It seems too complex and extremely broad for me.
    I’m looking forward for your next post, I will try to get the hang of it!

  49. We’re a group of volunteers and starting a new scheme in our community.
    Your site offered us with valuable info to work on. You’ve done an impressive job and our entire community will be thankful
    to you.

  50. Hmm is anyone else encountering problems with the pictures on this blog loading?

    I’m trying to find out if its a problem on my end or if it’s the blog.
    Any feedback would be greatly appreciated.

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>