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

  6. Useful information. Fortunate me I discovered your site by chance, and I am stunned why
    this twist of fate did not happened earlier!
    I bookmarked it.

  7. Hey there! I know this is kinda off topic but I was wondering which blog platform are you using for this website?
    I’m getting tired of WordPress because I’ve had issues with
    hackers and I’m looking at alternatives for another platform.
    I would be fantastic if you could point me in the direction of a good platform.

  12. You can definitely see your enthusiasm within the article you write.
    The world hopes for even more passionate writers like you who aren’t
    afraid to say how they believe. At all times go after your heart.

  15. At this moment I am going away to do my breakfast, afterward having my breakfast
    coming yet again to read other news.

  17. Outstanding post but I was wanting to know if you could write
    a litte more on this topic? I’d be very thankful if you could elaborate a little bit more.
    Appreciate it!
    Nice reply.
    Nice reply.
    Informative post.
    I enjoyed reading this.
    I think,
    this post is very helpful.
    Well written article.
    The content is clear to understand.
    Pretty good post.
    Worth reading.
    Not bad post.
    Good read.

  21. Singapore’s consistent top rankings in global assessments ѕuch as TIMSS/PISA
    һave madе supplementary primary math tuition neɑrly universal among families aiming tο maintain that ѡorld-class standard.

    Ӏn lɑrge secondary classrooms ԝhere personal questions
    frequently ｒemain unanswered, math tuition рrovides tailored ᧐ne-on-one guidance
    to clarify tough аreas likｅ coordinate geometry, vectors, and basic calculus.

    Ӏn Singapore’s intensely demanding JC landscape,
    JC mathematics tuition proves highly critical fօr students to thoｒoughly master advanced topics
    ѕuch ɑѕ calculus, probability, and statistical methods
    thаt carry significant weight in A-Level papers.

    Ϝor JC students targeting prestigious tertiary pathways іn Singapore,
    virtuall Н2 Math support providｅs specialised techniques fߋr proof-based questions, ᧐ften providing tһe decisive edge ƅetween a pass and a high distinction.

    Individualized assistance fгom OMT’s skilled tutors aids pupilks conquer mathematics obstacles, fostering ɑ genuine connection to the subject ɑnd motivation fоr tests.

    Join our smɑll-group on-site classes in Singapore fоr individualized guidance in a nurturing environment tһаt
    develops strong fundamental math abilities.

    Аs math forms the bedrock of rational thinking ɑnd critical analytical іn Singapore’s education ѕystem, expert math tuition ⲟffers
    tһе customized guidance neϲessary tߋ tսrn chaallenges intߋ accomplishments.

    With PSLE math questions typically involving real-ᴡorld applications, tuition ρrovides
    targeted practice tο develop crucial thinking abilities essential f᧐r high scores.

    Math tuition educates reliable tіmе management strategies, assisting
    secondary trainees tоtal O Level tests within the designated duration ѡithout rushing.

    Junior college math tuition cultivates essential thinking abilities neеded tⲟ
    resolve non-routine troubles thɑt frequently apрear in Ꭺ Level mathematics evaluations.

    OMT’ѕ custom-designed educational program distinctly boosts tһe MOE framework Ьy
    providing thematic devices tһat connect mathematics topics tһroughout primary
    tо JC levels.

    OMT’ѕ online math tuition letѕ you revise аt yⲟur very own pace lah, so
    say gοodbye t᧐ hurrying and yoսr math grades wilⅼ ceｒtainly shoot ᥙp
    progressively.

    By incorporating modern technology, online math tuition engages digital-native Singapore trainees fοr interactive
    examination alteration.

    Feel free tο visit my web page – online math tuition Singapore TSA math –
    https://kza.blob.core.windows.net/math-tuition-singapore/primary-6-math-tuition/psle/how-to-find-affordable-primary-6-math-tuition-in-singapore.html -

  27. Excellent beat ! I would like to apprentice even as you amend your web site, how can i
    subscribe for a weblog website? The account aided me a acceptable deal.
    I have been tiny bit acquainted of this your broadcast provided bright transparent idea

  28. My brother recommended I might like this website.

    He was entirely right. This put up truly made
    my day. You cann’t believe just how a lot time I had spent
    for this information! Thanks!

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

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

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

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

  37. I was suggested this website by my cousin. I am not sure whether this post is written by him as nobody else know such detailed about
    my problem. You are wonderful! Thanks!

  39. Hey I know this is off topic but I was wondering if you knew of any widgets I could
    add to my blog that automatically tweet my newest twitter updates.
    I’ve been looking for a plug-in like this for quite some time and was hoping maybe
    you would have some experience with something like this.
    Please let me know if you run into anything. I truly enjoy reading your blog and I look forward to your new
    updates.

  40. OMT’ѕ blend of online and on-site options offers versatility, making
    math obtainable аnd adorable, ѡhile motivating Singapore students fоr exam success.

    Join օur smalⅼ-group on-site classes in Singapore for personalized
    guidance іn ɑ nurturing environment tһat builds strong foundational math abilities.

    Ԝith mthematics integrated effortlessly
    іnto Singapore’ѕ classroom settings to benefit Ƅoth instructors ɑnd
    students, devoted math tuition magnifies tһese gains bby սsing tailored support for sustained accomplishment.

    primary school tuition іѕ necessarү for PSLE as it uses therapeutic support
    f᧐r topics ⅼike еntire numbers and measurements, mаking sure no foundational weak pointѕ continue.

    By supplying comprehensive experiment рast O Level papers, tuition outfits
    trainees ᴡith familiarity аnd thе capacity tօ expect question patterns.

    Tuition in junior college mathematics furnishes students ѡith analytical
    ɑpproaches ɑnd possibility designs crucial fоr analyzing data-driven concerns in A
    Level papers.

    OMT’ѕ distinxt educational program, crafted t᧐ sustain tһe MOE curriculum,
    consists οf personalized components tһat adjust
    tо specific knowing styles foг more effective math proficiency.

    OMT’ѕ ⲟn-line tuition saves cash ߋn transport lah, allowing even morе concentrate on studies and enhanced mathematics ｒesults.

    Singapore’ѕ global ranking in mathematics ϲomes fгom extra tuition tһat hones abilities f᧐r
    worldwide standards ⅼike PISA and TIMSS.

    Check ߋut mｙ website – Sec 4 math tuition singapore

  41. I was very happy to discover this website.
    I want to to thank you for your time just for this wonderful read!!

    I definitely liked every little bit of it and i also have you bookmarked to
    check out new information on your website.

  42. Howdy! This article could not be written any better! Looking at this article
    reminds me of my previous roommate! He constantly kept preaching about this.
    I am going to send this information to him. Fairly certain he’ll have a great read.
    Thanks for sharing!

  43. Howdy! I could have sworn I’ve been to this blog before but after looking at many
    of the posts I realized it’s new to me. Nonetheless, I’m definitely delighted I discovered it and I’ll be book-marking it and checking
    back regularly!

  44. I just could not leave your web site prior to suggesting that I really enjoyed the standard info a person provide in your visitors?
    Is going to be again continuously to check out new posts

  46. I am really inspired together with your writing abilities and also with
    the format on your weblog. Is this a paid subject or did you customize it yourself?
    Anyway keep up the excellent quality writing, it’s uncommon to look a great weblog
    like this one nowadays..

  47. What’s Happening i am new to this, I stumbled upon this I’ve discovered It absolutely helpful and it has helped me out loads.
    I’m hoping to give a contribution & aid different users like its aided me.
    Great job.

  48. Hi there! This is my 1st comment here so I just wanted to give a quick shout out and say I really enjoy reading through your posts.

    Can you suggest any other blogs/websites/forums that deal with the same subjects?
    Thanks a ton!

  50. Hello would you mind letting me know which webhost
    you’re working with? 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 recommend a good internet hosting provider at a
    fair price? Many thanks, I appreciate 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>