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

  1. Write more, thats all I have to say. Literally, it seems as though
    you relied on the video to make your point. You definitely know what youre talking about, why throw away your intelligence on just
    posting videos to your blog when you could be giving us something enlightening to read?

  5. magnificent submit, very informative. I’m wondering why the other experts of this sector do not notice this.
    You should proceed your writing. I am sure, you’ve a great readers’ base already!

  9. Greetings from Ohio! I’m bored to tears at work so I decided to check out your site on my iphone during lunch break.
    I love the information 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 .. Anyhow, awesome blog!

  11. I for all time emailed this blog post page to all my friends, as if like to read it next my friends will too.

  13. This post will help the internet users for setting up new weblog or even a weblog from start
    to end.

  19. Oh my goodness! Impressive article dude! Thank you so much, However I am going
    through issues with your RSS. I don’t know the reason why
    I cannot subscribe to it. Is there anyone else getting identical RSS problems?

    Anybody who knows the solution will you kindly respond?
    Thanx!!

  21. I pissed my pants
    Best Warez and Key Gen
    Cheap Viagara
    Not CP Videos, I promise
    I enjoy Gambling, do you?
    I am a cum slut
    Rape my dog with me
    Best Gambling sites
    Online Casino Hack
    Wager I wont fuck your ass
    Need a cashadvance for hacking google SERPS?
    Instant Cash for you drooling pig fuckers
    All your Viagara to get you through child porn and beheading videos – see my Bitcoin Casino
    Ed Treatments, and tons of free drugs – RAPE
    Explicit Videos
    Cheat Google – Guarenteed SEO placement, Hack Google
    My name is Jeffry and I love sucking cock and Educational Studies and Arts at
    Lichendorf / Austria.

  22. Wow! At last I got a webpage from where I know how to genuinely obtain helpful facts concerning my study and knowledge.

  25. Hi friends, its enormous article regarding cultureand
    fully defined, keep it up all the time.

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

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

  31. I was curious if you ever thought of changing the page layout
    of your site? 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?

  36. Ich bin seit mehreren Wochen bei here
    und bin total zufrieden! Die Spielauswahl ist erstklassig,
    Auszahlungen erfolgen superschnell, und der Kundendienst ist jederzeit kompetent.

    Optimal für alle, die Wert auf Qualität setzen!

  39. Does your website have a contact page? I’m having problems
    locating it but, I’d like to shoot you an e-mail. I’ve got some recommendations for your blog you might be interested in hearing.

    Either way, great site and I look forward to seeing it develop
    over time.

  41. Fantastic site. Plenty of helpful information here.
    I’m sending it to some buddies ans additionally sharing in delicious.
    And naturally, thank you to your sweat!

  42. Greetings! This is my first visit to your blog!
    We are a team of volunteers and starting a new project in a community in the same niche.
    Your blog provided us useful information to work on. You have done a wonderful job!

  43. My family always say that I am killing my time here
    at web, but I know I am getting knowledge every day by reading such fastidious content.

  46. Greetings from Carolina! I’m bored to tears at work so
    I decided to browse your website on my iphone during lunch
    break. I really like the information you provide here and can’t wait to take a look
    when I get home. I’m shocked at how quick your blog loaded on my phone ..
    I’m not even using WIFI, just 3G .. Anyways, fantastic site!

  47. You really make it seem so easy with your presentation but I find this matter to be actually 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’ll try to get the
    hang of it!

  49. Hello there! I just would like to give you a huge thumbs up for the excellent information you have
    right here on this post. I am coming back to your website for more soon.

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>