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

  1. This piece of writing will help the internet people for setting up new web site or even a weblog from start to end.

  3. Hi I am so glad I found your site, I really found you by accident, while I was browsing on Askjeeve for something else, Anyhow I am here
    now and would just like to say cheers for a remarkable post and a
    all round thrilling blog (I also love the theme/design),
    I don’t have time to browse it all at the minute but I have bookmarked it and also added your RSS feeds, so when I have time
    I will be back to read much more, Please do keep up the superb work.

  4. My brother recommended I might like this web site.
    He was totally right. This post truly made my day.
    You cann’t imagine just how much time I had spent for this information!
    Thanks!

  5. I was pretty pleased to find this website. I want to to thank you for ones time for this particularly wonderful read!!
    I definitely enjoyed every bit of it and i also have you saved as a favorite to see
    new things on your site.

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

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

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

  10. I read this paragraph fully regarding the comparison of most up-to-date and preceding technologies, it’s awesome article.

  11. Great beat ! I would like to apprentice at the same time as you amend your web site, how could
    i subscribe for a blog site? The account aided me a acceptable deal.
    I have been a little bit familiar of this your broadcast provided
    vibrant clear idea

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

  13. When someone writes an paragraph he/she retains the plan of
    a user in his/her brain that how a user can be aware of it.
    So that’s why this paragraph is great. Thanks!

  15. Valuable information. Lucky me I discovered your website by accident, and I am shocked why this accident did
    not took place earlier! I bookmarked it.

  16. We stumbled over here by a different web page and thought I should check
    things out. I like what I see so i am just following you.
    Look forward to finding out about your web page yet again.

  17. Today, I went to the beach front with my kids.

    I found a sea shell and gave it to my 4 year old daughter and said
    “You can hear the ocean if you put this to your ear.” She put the shell to her ear and screamed.
    There was a hermit crab inside and it pinched her
    ear. She never wants to go back! LoL I know this is completely off topic but I had to tell someone!

  18. new zealand casino no deposit bonus codes 2021, bingo online play usa and
    new poker machines canada, or new zealand star casino

    Here is my website :: how to gamble at turning stone (Cedric)

  19. magnificent issues altogether, you just won a brand new
    reader. What would you recommend about your publish that you
    simply made some days in the past? Any positive?

  20. Beүond just improving grades, primary math tuition cultivates ɑ
    positive and enthusiastic attitude towaｒd mathematics,
    reducing anxiety ᴡhile igniting genuine intеrest in numbers and patterns.

    Secondary math tuition plays ɑ pivotal role in addressing conceptual weaknesses, ρarticularly
    ⅾuring the shift from primary heuristic methods tо the more abstract аnd theoretical ｃontent introduced
    іn secondary school.

    Іn Singapore’ѕ education ѕystem wһere H2 Math iѕ a prerequisite f᧐r mɑny elite university programmes, math
    tuition functions аѕ a strategic ⅼong-term investment tһat protects ɑnd enhances
    future tertiary аnd career prospects.

    Ӏn a city ԝith packed schedules ɑnd heavy traffic, online math tuition enables
    secondary learners tο enjoy on-demand practice ɑt any convenient time, ѕubstantially boosting tһeir ability to tackle multi-step
    ρroblems.

    Linking components in OMT’ѕ educational program ease ｃhanges in between levels, nurturing continuous love fօr math and exam ѕelf-confidence.

    Cһange math challenges intⲟ triumphs with OMT
    Math Tuition’ѕ blend of online and оn-site alternatives, baⅽked
    by a performance history of trainee excellence.

    Ιn a ѕystem whеre math education has evolved to cultivate
    development аnd international competitiveness, enrolling іn math tuition guarantees trainees stay ahead
    by deepening thеir understanding and application of essential ideas.

    Tuition emphasizes heuristic ρroblem-solving methods, crucial fⲟr dealing ᴡith PSLE’ѕ challenging
    ᴡⲟrd issues that require multiple actions.

    Senior һigh school math tuition is essential fоr О Degrees as it
    enhances proficiency of algebraic adjustment, a
    core component that regularly ѕhows ᥙp іn test
    inquiries.

    In a competitive Singaporean education ѕystem, junior college math tuition οffers students
    tһe sіdе to attain high qualities essential fоr university admissions.

    Ultimately, OMT’ѕ unique proprietary curriculum complements
    tһe Singapore MOE curriculum bү fostering independent thinkers equipped fοr long-lasting mathematical success.

    Ԍroup forums іn the platform ɑllow ｙou talk abߋut with peers sia, clearing
    up doubts аnd boosting your mathematics performance.

    Inevitably, math tuition іn Singapore transforms
    рossible іnto accomplishment, mаking sսre pupils not simply pass үet succeed in thеіr mathematics tests.

    Ꮪtоp by my web pɑge: math tuition agency

  25. I don’t know if it’s just me or if perhaps everybody else experiencing issues with your blog.

    It looks like some of the text in your posts are running off the screen. Can somebody else
    please comment and let me know if this is happening
    to them as well? This may be a problem with my internet browser because I’ve had this happen before.
    Many thanks

  26. 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 Teresa and I love sucking cock and Nursing and Architecture, Art, and Planning at Quinto Di Valpantena / Italy.

    Also visit my site :: XXX content

  33. I am extremely impressed together with your writing abilities as well as with the layout in your weblog.
    Is that this a paid subject matter or did you customize it yourself?
    Anyway stay up the nice quality writing, it is rare to see a nice
    weblog like this one today..

  34. Thank you a bunch for sharing this with all folks you really
    understand what you are speaking about! Bookmarked. Please additionally discuss with my
    web site =). We can have a hyperlink trade contract
    between us

  35. I am not sure where you are getting your info, but great topic.

    I needs to spend some time learning much more or understanding more.
    Thanks for great information I was looking for this info
    for my mission.

  36. That is a very good tip especially to those new to the blogosphere.
    Brief but very precise info… Thanks for sharing this
    one. A must read article!

  37. Post writing is also a fun, if you be acquainted with afterward you can write otherwise it is complex to write.

  38. After looking over a number of the blog articles on your website, I seriously like your
    technique of blogging. I book marked it to my bookmark
    webpage list and will be checking back soon. Please check out my website
    too and tell me your opinion.

  39. My brother suggested I may like this web site. He used to be totally right.
    This publish actually made my day. You cann’t consider simply how so much time I had spent for this info!
    Thank you!

  41. Magnificent goods from you, man. I’ve understand your stuff previous to and you’re just too fantastic.
    I really like what you’ve acquired here, really like what you are stating and the
    way in which you say it. You make it entertaining and you still
    take care of to keep it wise. I can’t wait to read much more from you.
    This is really a tremendous site.

  42. I visited several sites except the audio quality for audio songs present at this
    site is actually excellent.

  43. Fantastic beat ! I would like to apprentice at the
    same time as you amend your site, how can i subscribe for a blog website?
    The account helped me a acceptable deal. I had been a little bit
    familiar of this your broadcast provided bright transparent concept

  45. Hi! I realize this is kind of off-topic but I needed to
    ask. Does managing a well-established website like yours require a large amount of work?
    I am brand new to writing a blog but I do write in my journal every day.
    I’d like to start a blog so I will be able to share my own experience and views online.
    Please let me know if you have any kind of ideas or tips for brand new aspiring blog owners.
    Thankyou!

    My webpage … сколько стоит наш дом

  46. I believe that is among the so much vital information for
    me. And i am happy reading your article. However want to
    statement on few general things, The site style is
    perfect, the articles is in point of fact great : D.
    Excellent activity, cheers

  48. I needed to thank you for this very good
    read!! I certainly loved every bit of it. I’ve got you
    book marked to check out new things you post…

  49. Definitely believe that which you said. Your favorite reason seemed to be on the net
    the simplest thing to be aware of. I say to you, I definitely
    get annoyed while people consider worries that they just do not know about.
    You managed to hit the nail upon the top as well as
    defined out the whole thing without having side effect , people could take
    a signal. Will likely be back to get more. Thanks

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>