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.

22,375 thoughts on “Play Framework HTML5 input elements”

  1. موقع ايجي بست الاصلي مشاهدة افلام ومسلسلات مترجمة
    اون لاين احدث لافلام الاجنبيه افلام اكشن افلام اون لاين وتحميل
    مباشر ايجي بست egybest.| EGbest.net

  2. Awesome blog! Is your theme custom made or did you download it from somewhere?
    A design like yours with a few simple tweeks would really make my blog
    stand out. Please let me know where you got your theme.

    Thanks

  4. 비아그라 구매 전 반드시 확인해야 할 처방 기준, 정품 확인법, 부작용, 복용 전 주의사항을 정리했습니다.
    안전한 상담과 약국 조제를 위한 핵심
    가이드입니다.

  5. https://spinight-kazino.com/Man liekas pievilcīgs
    Spinight!|
    Spinight rada iespaidu kā ērta azartspēļu lapa.|
    Pievilcīgs tiešsaistes kazino, īpaši tiem,
    kam patīk slotu spēles!|
    Spinight casino piedāvā ērtu spēlēšanas pieredzi!|
    Ērts izkārtojums, viss ir viegli atrodams.|
    Šķiet labi, ka Spinight casino nav pārāk sarežģīts.|
    Tiem, kam interesē slotu spēles, Spinight casino varētu noderēt.|
    Akcijas Spinight kazino var būt viens no interesantākajiem
    punktiem.|
    Pirms iemaksas veikšanas vienmēr vajadzētu pārbaudīt nosacījumus!|
    Visumā Spinight šķiet kā pievilcīgs online kazino.

  6. OMT’sencouraging comments loopholes urge growth wayy ⲟf thinking, assisting students
    love mathematics аnd really feel motivated foг examinations.

    Experience versatile learning anytime,аnywhere through OMT’s extensive online е-learning platform, including lijmitless
    access tߋ video lessons ɑnd interactive quizzes.

    Ꮤith mathematics incorporated flawlessly іnto Singapore’ѕ class settings tⲟ benefit both instructors and
    students, dedicated math tuition magnifies tһese gains bү providing
    tailored support fߋr continual achievement.

    Tuition programs fօr primary school mathematics concentrate оn error analysis fгom pｒevious PSLE papers, teaching students tⲟ aѵoid recurring mistakes іn calculations.

    Presenting heuristic aoproaches еarly іn secondary tuition prepares students f᧐r
    the non-routine issues tһаt often sһow up in O Level
    assessments.

    Tuition incorporates pure ɑnd applied mathematics
    perfectly, preparing students fоr the interdisciplinary nature of A Level ρroblems.

    OMT’ѕ proprietary curriculum improves MOE standards ᴡith an all natural method tһat nurtures bⲟth academic abilities and an enthusiasm foｒ mathematics.

    Recorded webinars offer deep dives lah, equipping ʏou with innovative abilities fоr superior mathematics marks.

    Ꮤith international competitors rising, math tuition settings Singapore pupils аs toρ entertainers іn worldwide mathematics evaluations.

    mʏ webpage … telegram math tuition

  7. fantastic put up, very informative. I’m wondering
    why the other specialists of this sector don’t notice this.
    You should continue your writing. I am sure, you have a great readers’ base already!