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

  1. Thank you a bunch for sharing this with all of us you actually understand what
    you are talking approximately! Bookmarked. Kindly also consult with
    my web site =). We will have a hyperlink alternate arrangement among
    us

  2. Thank you for every other informative web site.
    Where else could I get that type of info written in such a perfect
    manner? I’ve a project that I’m just now operating on, and I’ve been on the look out for such info.

  3. Currently it looks like Drupal is the top blogging platform out there right now.
    (from what I’ve read) Is that what you are using on your blog?

  4. Thank you, I’ve recently been searching for information about
    this subject for a while and yours is the best I have came upon so far.
    But, what concerning the bottom line? Are you certain about the supply?

  7. What?s Happening i am new to this, I stumbled upon this I’ve found It positively useful and it has helped me out loads. I hope to contribute & aid other users like its helped me. Good job.

  9. I think the admin of this website is truly working hard in favor
    of his web site, as here every material is quality
    based stuff.

  12. My brother recommended I would possibly like this website.
    He was entirely right. This submit truly made my day. You cann’t consider just how much time I had spent for this
    info! Thank you!

  13. Thhis iis mmy firt time vusit att here and i amm ahtually happy tto rezd evertfhing att sihgle place.

    My page: ppoison iivy eeds too gget wwtered (Lucile)

  14. Asking questions are genuinely nice thing if you are not understanding
    anything entirely, except this paragraph presents good understanding even.

  15. My developer is trying to convince me to move to .net from
    PHP. I have always disliked the idea because of the costs.
    But he’s tryiong none the less. I’ve been using WordPress on numerous websites for about a year and am anxious about switching to another platform.
    I have heard fantastic things about blogengine.net.
    Is there a way I can import all my wordpress posts into it?
    Any kind of help would be really appreciated!

  16. Hi tgere tto every body, it’s my firs pay a quick visit off this weblog;
    this website carrijes aweome annd geenuinely good information in fwvor off visitors.

  17. I’m amazed, I must say. Rarely do I encounter a blog that’s both equally educative and entertaining, and without
    a doubt, you have hit the nail on the head. The problem is something that too
    few folks are speaking intelligently about. I’m very happy that I came across
    this in my search for something relating to this.

  18. Admiring the dedication you put into your blog and in depth information you provide.
    It’s awesome to come across a blog every once in a while that isn’t the same old rehashed information. Great read!

    I’ve bookmarked your site and I’m including your RSS feeds to my Google account.

  19. Having read this I believed it was rather enlightening.
    I appreciate you finding the time and effort to put this information together.
    I once again find myself spending a lot of time both reading and posting comments.
    But so what, it was still worth it!

  20. Undeniably imagine that which you said. Your favorite reason seemed to be on the internet the simplest thing to have in mind of.
    I say to you, I definitely get annoyed while folks consider worries that they just don’t know about.

    You controlled to hit the nail upon the top as smartly as defined out the
    whole thing without having side effect , other folks can take a signal.
    Will likely be back to get more. Thanks

  22. Pretty 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’ll be subscribing
    to your augment and even I achievement you access consistently rapidly.

  23. Its like you read my mind! You seem to know a lot about this, like you wrote the book in it or something.
    I think that you can do with some pics to drive the message home
    a little bit, but other than that, this is excellent blog.

    An excellent read. I will certainly be back.

  24. I simply couldn’t leave your website prior to suggesting that I extremely
    loved the usual info a person supply on your visitors?
    Is gonna be again often in order to check up on new posts

  25. Heya! I realize this is kind of off-topic but I had to ask.

    Does operating a well-established blog such as yours take a massive
    amount work? I’m completely new to writing a blog however I do write in my journal daily.
    I’d like to start a blog so I will be able to share
    my own experience and feelings online. Please let me know if you have any ideas or tips for brand
    new aspiring blog owners. Appreciate it!

  26. Excellent post however , I was wondering if you could write a litte more on this subject?

    I’d be very thankful if you could elaborate a little
    bit more. Thanks!

  27. This is the right site for everyone who really wants to
    understand this topic. You realize a whole lot its almost hard to argue with you (not that I really would want to…HaHa).
    You definitely put a brand new spin on a topic that has been discussed for years.
    Excellent stuff, just wonderful!

  28. Heya are using WordPress for your blog platform?
    I’m new to the blog world but I’m trying to get started and set up my own. Do you require any html coding knowledge to make your
    own blog? Any help would be really appreciated!

  29. I’m gone to inform my little brother, that he should also pay a visit
    this weblog on regular basis to take updated from newest information.

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

  32. Unquestionably believe that which you stated. Your favorite reason appeared to be on the net the easiest thing to be aware of.
    I say to you, I certainly get irked while people think about worries that they just do not know about.
    You managed to hit the nail upon the top and defined out
    the whole thing without having side effect , people could take a signal.
    Will probably be back to get more. Thanks

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

  35. Вывод из запоя в Казани требуется когда человек не может самостоятельно остановиться а употребление алкоголя продолжается несколько дней неделю или дольше. Запой опасен интоксикацией потерей сил нарушением работы сердца печени нервной системы развитием белой горячки судорог инфаркта инсульта и тяжелых осложнений. Подробнее – помощь вывод из запоя казань

  37. Whats up this is somewhat of off topic but I was wanting
    to know if blogs use WYSIWYG editors or if you have to
    manually code with HTML. I’m starting a blog soon but have no coding know-how
    so I wanted to get advice from someone with experience. Any help would be
    greatly appreciated!

  38. Hello, i think that i saw you visited my web site
    thus i came to “return the favor”.I am trying to
    find things to enhance my site!I suppose its ok to use a few of
    your ideas!!

  41. What’s uup i am kavin, its my firest occasion to copmmenting anywhere,
    whwn i read thus pijece of wroting i thhought i coulod als ceate
    cimment duue tto his briilliant post.

    My weeb page: cnhub.xyz

  46. I was curious if you ever considered changing the structure of your website?

    Its very well written; I love what youve got to say. But maybe you could
    a little more in the way of content so people could connect with it better.

    Youve got an awful lot of text for only having one or
    two pictures. Maybe you could space it out better?

  47. If you are going for best contents like I do, just pay a quick visit this site all the
    time for the reason that it gives quality contents, thanks

  48. Hi, Neat post. There’s an issue with your web site in web explorer, may test this?
    IE still is the market chief and a good section of folks will miss your excellent
    writing due to this problem.

  49. Also a thing to mention is that an online business administration diploma is designed for learners to be able to without problems proceed to bachelors degree courses. The 90 credit diploma meets the other bachelor college degree requirements when you earn your associate of arts in BA online, you may have access to the most recent technologies with this field. Several reasons why students would like to get their associate degree in business is because they are interested in the field and want to get the general instruction necessary in advance of jumping in to a bachelor college diploma program. Thx for the tips you really provide with your blog.

  50. 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 tips. Maybe you could write next articles referring to this article.
    I wish to read even more things about it!

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>