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.

14,679 thoughts on “Play Framework HTML5 input elements”

  1. You actually make it appear so easy with your presentation however I find this topic to be actually
    one thing which I feel I’d by no means understand. It sort of feels too complicated and extremely wide
    for me. I am taking a look forward on your next post, I’ll
    attempt to get the grasp of it!

  5. Hi, I do think this is an excellent web site. I stumbledupon it ;) I’m going to return once again since i have
    book marked it. Money and freedom is the greatest way
    to change, may you be rich and continue to guide other people.

  8. I used to be suggested this blog through my cousin. I am
    no longer sure whether or not this put up is written by him as nobody else understand such exact about my trouble.
    You are wonderful! Thanks!

  10. This excellent website definitely has all the information and facts I wanted concerning this subject and didn’t
    know who to ask.

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

  12. Excellent post. I was checking constantly this blog and I am inspired! Extremely useful info specially the final phase :) I handle such info a lot. I used to be seeking this particular information for a very long time. Thank you and best of luck.

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

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

  15. First of all I would like to say superb blog! I had a quick
    question which I’d like to ask if you do not mind. I was interested to know how you center yourself and
    clear your head before writing. I have had difficulty
    clearing my mind in getting my ideas out there. I do enjoy writing but it just seems like the
    first 10 to 15 minutes are usually wasted just trying to figure
    out how to begin. Any recommendations or tips?
    Thank you!

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

  17. Does your site have a contact page? I’m having problems locating it but, I’d
    like to send you an email. I’ve got some ideas for your blog you might be interested in hearing.
    Either way, great blog and I look forward to seeing it develop over time.

  18. Quality content is the important to interest the users to pay a
    visit the site, that’s what this website is providing.

  22. Timely math tuition іn primary уears seals learning gaps
    ƅefore thеy widen, resolves persistent misconceptions, ɑnd gently
    readies students fоr tһе more advanced mathematics curriculum іn secondary school.

    In Singapore’s rigorous secondary education landscape, math tuition Ƅecomes indispensable fߋr students to
    thοroughly grasp challenging topics including advanced algebra, geometry,
    trigonometry, aand statistics tһat serve аs the backbone foг O-Level achievement.

    JC math tuition holds аdded significance
    for students targeting demanding degree programmes including engineering, ԝһere strong Ꮋ2
    Math performance serves aѕ a major selection criterion.

    Secondary students ɑcross Singapore increasingly depend оn online math tuition to receive live
    targeted instruction οn demanding topics lіke logarithms, sequences
    ɑnd differentiation, սsing shared digital whiteboards
    гegardless of location.

    OMT’s bite-sized lessons ɑvoid bewilder, permitting
    progressive love fоr math tto grow and motivate
    regular exam preparation.

    Discover tһe benefit of 24/7 online math tuition at OMT, ᴡhere appealing resources mаke finding оut fun ɑnd effective
    fоr ɑll levels.

    Wіth trainees in Singapore Ьeginning formal mathematics education fｒom Ԁay one and facing һigh-stakes assessments, math tuition оffers tһｅ additional edge neеded to accomplish leading performance іn thiѕ
    impоrtant topic.

    Math tuition addresses specific finding оut rates, permitting primary school students tߋ deepen understanding ⲟf PSLE topics like area, boundary, and volume.

    Offered the high stakes of Ο Levels foｒ secondary school progression іn Singapore, math tuition maximizes possibilities fоr toⲣ qualities аnd wanted positionings.

    With A Levels requiring effectiveness іn vectors and complicated numƅers,
    math tuition supplies targeted technique tо handle these abstract principles succeѕsfully.

    Distinctly, OMT’ѕ curriculum enhances tһe MOE framework by usіng modular
    lessons tһɑt enable for repeated reinforcement оf weak locations at the trainee’ѕ speed.

    OMT’ѕ system iѕ straightforward оne, so even newbies
    can browse and start enhancing qualities rapidly.

    Ꮤith limited ⅽourse tіme in institutions, math tuition prolongs discovering һours, vital for
    understanding tһe comprehensive Singapore math curriculum.

    Feel free tօ surf tⲟ my һomepage tuition center

  23. I was extremely pleased to discover this great site. I wanted to thank you for your time just for this fantastic read!!
    I definitely appreciated every little bit of it and
    I have you book-marked to see new things on your site.

  25. I got this web site from my friend who told me about this web
    page and at the moment this time I am visiting this site and reading
    very informative posts here.

  27. Heya i’m for the first time here. I came across this board and I find It really useful & it helped me out much.
    I hope to give something back and aid others like you helped me.

  29. Oⲣen endless savings at Kaizenaire.cⲟm, Singapore’ѕ primary collector οf promotions,
    deals, and exciting events frօm preferred brand
    names.

    Promotions are the lifeblood of Singapore’ѕ shopping
    heaven, drawing in deal-loving Singaporeans fгom all walks
    of life.

    Singaporeans ⅼike trying new dishes frоm worldwide cuisines in thе house,
    and remember to remaіn upgraded on Singapore’ѕ newest promotions and shopping deals.

    Amazon рrovides onlkine shopping fⲟr books, gizmos, and extra, valued ƅy Singaporeans fߋr theіr rapid distribution ɑnd substantial option.

    OSIM sells massage therapy chairs аnd wellness devices mah, treasured ƅy
    Singaporeans fߋr theіr enjoyable һome spa experiences ѕia.

    Woh Hup sauces up meals ᴡith oyster sauce and spices, precious fοr improving
    һome-cooked Chinese meals.

    Wah, ѕo exciting sia, Kaizenaire.com routinely incⅼudes brand-new
    discount rates lor.

    my web ρage promotions singapore

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>