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.

15,843 thoughts on “Play Framework HTML5 input elements”

  12. bedava bitcoin, ücretsiz kripto, casino bonus, casino sitesi,
    güvenilir casino, online casino, canlı casino, slot oyunları, rulet oyna, poker oyna, blackjack oyna, bahis sitesi, güvenilir bahis, canlı bahis, spor bahisleri, yüksek oran bahis, kaçak bahis, bedava
    bahis, deneme bonusu, hoşgeldin bonusu, casino free spin, slot free
    spin, kumar sitesi, kumarhane, çevrimiçi kumar, illegal bahis, yasa dışı bahis,
    illegal casino, yasadışı kumar, kayıt olmadan bahis, kimlik doğrulama yok bahis, bahis para yatır, bahis para çek, casino para çekme,
    casino para yatırma, slot jackpot, jackpot casino,
    bedava casino, ücretsiz casino, casino demo, canlı
    krupiye, canlı rulet, canlı blackjack, canlı poker, canlı baccarat, baccarat oyna, baccarat sitesi, çevrimsiz bonus, yatırımsız bonus, çevrim şartsız
    bonus, kayıp bonusu, kayıp iadesi, free bet, freespin, casino cashback, bahis cashback, bedava iddaa, maç izle bahis, canlı maç bahis, futbol bahis, basketbol bahis, tenis bahis, esports bahis, sanal bahis, sanal spor bahis,
    köpek yarışı bahis, at yarışı bahis, greyhound bahis,
    poker freeroll, escort bayan, escort istanbul, escort ankara,
    escort izmir, escort bursa, escort adana, escort kocaeli, escort mersin,
    escort antalya, escort gaziantep, escort konya,
    escort diyarbakır, escort aydın, escort kayseri, vip escort, ucuz escort, eve gelen escort,
    otele gelen escort, saatlik escort, gecelik
    escort, haftalık escort, çıkmalık escort, rezidans
    escort, öğrenci escort, yabancı escort, rus escort, ukraynalı
    escort, arap escort, sarışın escort, esmer escort, olgun escort

  14. This is very interesting, You’re a very skilled blogger. I’ve joined your feed and look forward to seeking more of your great
    post. Also, I have shared your website in my social networks!

  18. Nice post. I was checking continuously this blog and I’m impressed!

    Extremely helpful information specially the last part :
    ) I care for such information much. I was seeking this
    particular info for a long time. Thank you and good luck.

    My site – piano keyboard

  20. I do believe all of the concepts you’ve offered on your post.
    They are very convincing and will definitely work. Nonetheless, the posts are very quick for
    novices. May just you please extend them a
    bit from next time? Thanks for the post.

    Also visit my web-site … duet piano bench

  24. Howdy! 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 marvellous job!

  29. در کل ماجرا

    برای کسانی که

    فعالیت‌های شرطی

    مشغولن

    این سرویس

    به خوبی میتونه

    مفید واقع بشه

    قابل توجهه که

    دامنه‌هایی مثل

    еnfejaronline قوی

    و

    شبکه sibbet

    در حال رشد هستن

    خلاصه اینکه

    مناسب بود

    و

    باز هم حتما

    سر میزنم دوباره

    my web page :: بررسی یک پلتفرم امن برای بازی انفجار آنلاین

  31. What’s up, the whole thing is going nicely here and
    ofcourse every one is sharing data, that’s actually good, keep up writing.

  39. Greetings! I know this is kinda off topic but I was wondering which blog
    platform are you using for this site? I’m getting sick and
    tired of WordPress because I’ve had problems with hackers and I’m looking at options for
    another platform. I would be fantastic if you could point me in the direction of a
    good platform.

    Look into my blog post :: keyboard piano with stand

  48. La plataforma Deporte Ecuador funciona como un espacio informativo
    centrada en el análisis del panorama deportivo online en Ecuador.
    La plataforma integra artículos que analizan la evolución del deporte nacional en el contexto de la tecnología,
    los datos y los nuevos hábitos de consumo.
    A diferencia de los sitios convencionales, no se enfoca únicamente en noticias o resultados.

    Su enfoque está en interpretar cómo opera
    el ecosistema deportivo actual: cómo los aficionados se relacionan con los servicios digitales,
    qué factores influyen en su comportamiento y cómo cambian los criterios de calidad en el
    entorno digital.
    El material de la web se presenta alrededor de varios ejes clave.
    En un aspecto, se estudian las plataformas deportivas considerando la experiencia del usuario,
    la estabilidad y la coherencia del servicio. Por otra parte, se examinan tendencias del
    mercado, etapas de digitalización y evolución del consumo deportivo en el mercado ecuatoriano.

    Además, el proyecto analiza temas vinculados a la regulación, la ciberseguridad y la toma de decisiones dentro
    del entorno online. Esto ayuda a construir una imagen más amplia del sector,
    mezclando evaluación técnica, contexto local y comportamiento
    del usuario.
    El propósito central es brindar datos claros, bien estructurados y funcionales para interpretar el deporte en el
    entorno digital actual. No busca dar respuestas simples, sino facilitar
    la comprensión de un escenario cada vez más complejo.
    Deporte Ecuador está dirigido a usuarios que quieren comprender el
    deporte más allá de lo básico: incluyendo su componente tecnológico hasta
    su impacto en la experiencia diaria.
    El texto aclara que hay un enlace para ver la versión completa del
    artículo.

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>