Play Framework HTML5 input elements

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.

276 thoughts on “Play Framework HTML5 input elements

  1. Этот информативный текст отличается привлекательным содержанием и актуальными данными. Мы предлагаем читателям взглянуть на привычные вещи под новым углом, предоставляя интересный и доступный материал. Получите удовольствие от чтения и расширьте кругозор!
    Подробнее тут – https://japanstours.com/3-best-nature-weekend-tour-in-japan

  2. Этот информативный текст выделяется своими захватывающими аспектами, которые делают сложные темы доступными и понятными. Мы стремимся предложить читателям глубину знаний вместе с разнообразием интересных фактов. Откройте новые горизонты и развивайте свои способности познавать мир!
    Ознакомьтесь с аналитикой – https://falconsindia.com/karcher-cleaning-equipment

  3. Эта публикация завернет вас в вихрь увлекательного контента, сбрасывая стереотипы и открывая двери к новым идеям. Каждый абзац станет для вас открытием, полным ярких примеров и впечатляющих достижений. Подготовьтесь быть вовлеченными и удивленными каждый раз, когда продолжите читать.
    Обратитесь за информацией – https://bibicaspari.com/chatoyant-youtube-hover

  4. Этот интересный отчет представляет собой сборник полезных фактов, касающихся актуальных тем. Мы проанализируем данные, чтобы вы могли сделать обоснованные выводы. Читайте, чтобы узнать больше о последних трендах и значимых событиях!
    Получить исчерпывающие сведения – https://ruchoks.com/product/premium-red-velvet-wedding-hamper

  5. В этом информативном тексте представлены захватывающие события и факты, которые заставят вас задуматься. Мы обращаем внимание на важные моменты, которые часто остаются незамеченными, и предлагаем новые перспективы на привычные вещи. Подготовьтесь к тому, чтобы быть поглощенным увлекательными рассказами!
    Что ещё нужно знать? – https://f5fashion.vn/lich-trinh-goi-y-2-ngay-1-dem-hanh-huong-via-ba-chua-xu-o-an-giang

  6. В этой публикации мы предлагаем подробные объяснения по актуальным вопросам, чтобы помочь читателям глубже понять их. Четкость и структурированность материала сделают его удобным для усвоения и применения в повседневной жизни.
    Доступ к полной версии – http://www.trimedved.ru

  7. Мы предлагаем вам подробное руководство, основанное на проверенных источниках и реальных примерах. Каждая часть публикации направлена на то, чтобы помочь вам разобраться в сложных вопросах и применить знания на практике.
    Смотрите также… – https://wallpapsy.com/suncala-se-tokom-vikenda-i-lice-joj-se-deformisalo-zavrsila-je-u-bolnici

  8. В этой статье вы найдете познавательную и занимательную информацию, которая поможет вам лучше понять мир вокруг. Мы собрали интересные данные, которые вдохновляют на размышления и побуждают к действиям. Открывайте новую информацию и получайте удовольствие от чтения!
    Доступ к полной версии – https://f5fashion.vn/du-lich-dien-bien-chinh-phuc-diem-cuc-tay-a-pa-chai-cua-to-quoc

  9. Мы предлагаем вам подробное руководство, основанное на проверенных источниках и реальных примерах. Каждая часть публикации направлена на то, чтобы помочь вам разобраться в сложных вопросах и применить знания на практике.
    Лучшее решение — прямо здесь – https://curepedia.org.in/what-is-the-paleo-diet

  10. Эта публикация завернет вас в вихрь увлекательного контента, сбрасывая стереотипы и открывая двери к новым идеям. Каждый абзац станет для вас открытием, полным ярких примеров и впечатляющих достижений. Подготовьтесь быть вовлеченными и удивленными каждый раз, когда продолжите читать.
    Только факты! – https://f5fashion.vn/noelle-nogueira-instagram-star-age-birthday-bio-facts-family-net-worth-height-more

  11. Мы собрали для вас самые захватывающие факты из мира науки и истории. От малознакомых деталей до грандиозных событий — эта статья расширит ваш кругозор и подарит новое понимание того, как устроен наш мир.
    Только факты! – https://bicentenario.uba.ar/actividades-artisticas-en-plaza-houssay

  12. В данной статье мы акцентируем внимание на важности поддержки в процессе выздоровления. Мы обсудим, как друзья, семья и профессионалы могут помочь тем, кто сталкивается с зависимостями. Читатели получат практические советы, как поддерживать близких на пути к новой жизни.
    Изучить вопрос глубже – https://kalendarnagod.ru/osobennosti-lecheniya-alkogolizma

  13. Эта статья предлагает живое освещение актуальной темы с множеством интересных фактов. Мы рассмотрим ключевые моменты, которые делают данную тему важной и актуальной. Подготовьтесь к насыщенному путешествию по неизвестным аспектам и узнайте больше о значимых событиях.
    Перейти к статье – https://elixirofkashmir.com/blog/discover-the-essence-of-kashmir-with-eok-authentic-kashmiri-delights-and-elegance

  14. Этот увлекательный информационный материал подарит вам массу новых знаний и ярких эмоций. Мы собрали для вас интересные факты и сведения, которые обогатят ваш опыт. Откройте для себя увлекательный мир информации и насладитесь процессом изучения!
    Лучшее решение — прямо здесь – https://mitinews.com/%E0%B8%82%E0%B9%88%E0%B8%B2%E0%B8%A7%E0%B8%8A%E0%B8%B2%E0%B8%A2%E0%B9%81%E0%B8%94%E0%B8%99/%E0%B8%A3%E0%B8%AD%E0%B8%87%E0%B9%80%E0%B8%A5%E0%B8%82%E0%B8%B2%E0%B8%98%E0%B8%B4%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%A8%E0%B8%B9%E0%B8%99%E0%B8%A2%E0%B9%8C%E0%B8%AD%E0%B8%B3%E0%B8%99%E0%B8%A7%E0%B8%A2

  15. Этот информационный материал собраны данные, которые помогут лучше понять текущие тенденции и процессы в различных сферах жизни. Мы предоставляем четкий анализ, графики и примеры, чтобы информация была не только понятной, но и практичной для принятия решений.
    Нажми и узнай всё – https://www.transsolution.co.id/sewa-laptop-semarang-2

  16. Этот информационный обзор станет отличным путеводителем по актуальным темам, объединяющим важные факты и мнения экспертов. Мы исследуем ключевые идеи и представляем их в доступной форме для более глубокого понимания. Читайте, чтобы оставаться в курсе событий!
    Смотрите также… – https://f5fashion.vn/ke-hoach-du-lich-mui-ne-2-ngay-cuoi-tuan

  17. Этот информативный текст выделяется своими захватывающими аспектами, которые делают сложные темы доступными и понятными. Мы стремимся предложить читателям глубину знаний вместе с разнообразием интересных фактов. Откройте новые горизонты и развивайте свои способности познавать мир!
    Лучшее решение — прямо здесь – https://f5fashion.vn/nguoi-ay-la-ai-quynh-luong-chon-dung-chang-trai-doc-than-tuyen-bo-muon-xay-to-am

  18. Публикация предлагает уникальную подборку информации, которая будет интересна как специалистам, так и широкому кругу читателей. Здесь вы найдете ответы на часто задаваемые вопросы и полезные инсайты для дальнейшего применения.
    Обратитесь за информацией – http://www.bdconsultingltd.com/b-a-waldorf-instruction

  19. Эта публикация дает возможность задействовать различные источники информации и представить их в удобной форме. Читатели смогут быстро найти нужные данные и получить ответы на интересующие их вопросы. Мы стремимся к четкости и доступности материала для всех!
    Посмотреть подробности – https://f5fashion.vn/update-tarrare-autopsy-unveiling-the-untold-secrets

  20. В этом информативном тексте представлены захватывающие события и факты, которые заставят вас задуматься. Мы обращаем внимание на важные моменты, которые часто остаются незамеченными, и предлагаем новые перспективы на привычные вещи. Подготовьтесь к тому, чтобы быть поглощенным увлекательными рассказами!
    Ознакомиться с деталями – http://holo-peda.com/email_email-241

  21. Эта публикация завернет вас в вихрь увлекательного контента, сбрасывая стереотипы и открывая двери к новым идеям. Каждый абзац станет для вас открытием, полным ярких примеров и впечатляющих достижений. Подготовьтесь быть вовлеченными и удивленными каждый раз, когда продолжите читать.
    Осуществить глубокий анализ – https://wicp.network/tandem-training-in-slovenia

  22. Этот информационный обзор станет отличным путеводителем по актуальным темам, объединяющим важные факты и мнения экспертов. Мы исследуем ключевые идеи и представляем их в доступной форме для более глубокого понимания. Читайте, чтобы оставаться в курсе событий!
    Доступ к полной версии – https://flipkeylocksmith.net/trends-in-storytelling

  23. Эта статья предлагает живое освещение актуальной темы с множеством интересных фактов. Мы рассмотрим ключевые моменты, которые делают данную тему важной и актуальной. Подготовьтесь к насыщенному путешествию по неизвестным аспектам и узнайте больше о значимых событиях.
    Осуществить глубокий анализ – https://alianzaprosing.com/disenando-espacios-seguros-la-clave-de-los-sistemas-de-ingenieria-para-centros-comerciales

  24. В этой публикации мы предлагаем подробные объяснения по актуальным вопросам, чтобы помочь читателям глубже понять их. Четкость и структурированность материала сделают его удобным для усвоения и применения в повседневной жизни.
    Углубить понимание вопроса – https://f5fashion.vn/chia-se-voi-hon-76-ve-hinh-nen-dep-cho-zalo-moi-nhat

  25. Этот информативный текст выделяется своими захватывающими аспектами, которые делают сложные темы доступными и понятными. Мы стремимся предложить читателям глубину знаний вместе с разнообразием интересных фактов. Откройте новые горизонты и развивайте свои способности познавать мир!
    Узнать напрямую – https://f5fashion.vn/top-hon-58-ve-buon-khoc-anh-anime-khoc-moi-nhat

  26. В этой статье представлен занимательный и актуальный контент, который заставит вас задуматься. Мы обсуждаем насущные вопросы и проблемы, а также освещаем истории, которые вдохновляют на действия и изменения. Узнайте, что стоит за событиями нашего времени!
    Обратитесь за информацией – https://ouriken.com/blog/why-are-businesses-moving-to-the-cloud

  27. В этом обзорном материале представлены увлекательные детали, которые находят отражение в различных аспектах жизни. Мы исследуем непонятные и интересные моменты, позволяя читателю увидеть картину целиком. Погрузитесь в мир знаний и удивительных открытий!
    Подробнее тут – https://econhoteles.com/hello-world

  28. В этой публикации мы предлагаем подробные объяснения по актуальным вопросам, чтобы помочь читателям глубже понять их. Четкость и структурированность материала сделают его удобным для усвоения и применения в повседневной жизни.
    Более того — здесь – https://f5fashion.vn/top-hon-54-ve-ao-so-mi-nam-ngan-tay-hay-nhat

  29. В этом обзорном материале представлены увлекательные детали, которые находят отражение в различных аспектах жизни. Мы исследуем непонятные и интересные моменты, позволяя читателю увидеть картину целиком. Погрузитесь в мир знаний и удивительных открытий!
    Полная информация здесь – https://siliconshore.ai/?attachment_id=9

  30. Эта информационная заметка содержит увлекательные сведения, которые могут вас удивить! Мы собрали интересные факты, которые сделают вашу жизнь ярче и полнее. Узнайте нечто новое о привычных аспектах повседневности и откройте для себя удивительный мир информации.
    Выяснить больше – https://f5fashion.vn/chi-tiet-voi-hon-53-ve-sinh-nhat-vector-hay-nhat

  31. Этот информативный текст выделяется своими захватывающими аспектами, которые делают сложные темы доступными и понятными. Мы стремимся предложить читателям глубину знаний вместе с разнообразием интересных фактов. Откройте новые горизонты и развивайте свои способности познавать мир!
    Почему это важно? – https://legalpracticepulse.com/2024/11/02/scotus-halts-voter-roll-restoration-in-virginia

  32. Этот информационный материал собраны данные, которые помогут лучше понять текущие тенденции и процессы в различных сферах жизни. Мы предоставляем четкий анализ, графики и примеры, чтобы информация была не только понятной, но и практичной для принятия решений.
    Заходи — там интересно – https://education.petertait.education/2018/06/19/ethics-and-values-3

  33. Эта статья предлагает живое освещение актуальной темы с множеством интересных фактов. Мы рассмотрим ключевые моменты, которые делают данную тему важной и актуальной. Подготовьтесь к насыщенному путешествию по неизвестным аспектам и узнайте больше о значимых событиях.
    Получить полную информацию – https://olimas.eu/?product=sportska-60-min-standard

  34. Публикация приглашает вас исследовать неизведанное — от древних тайн до современных достижений науки. Вы узнаете, как случайные находки превращались в революции, а смелые мысли — в новые эры человеческого прогресса.
    Более подробно об этом – https://smartstaffingltd.com/the-secret-of-your-toilet-cleaning

  35. Этот информативный текст выделяется своими захватывающими аспектами, которые делают сложные темы доступными и понятными. Мы стремимся предложить читателям глубину знаний вместе с разнообразием интересных фактов. Откройте новые горизонты и развивайте свои способности познавать мир!
    Обратиться к источнику – https://f5fashion.vn/dung-hom-nay-10-10-3-con-giap-co-loc-lon-ve-tay-trung-so-doi-doi-som-co-tai-san-kech-xu

  36. Этот интересный отчет представляет собой сборник полезных фактов, касающихся актуальных тем. Мы проанализируем данные, чтобы вы могли сделать обоснованные выводы. Читайте, чтобы узнать больше о последних трендах и значимых событиях!
    Не пропусти важное – https://louisvilledailyjournal.com/regina-kings-son-ian-alexander-jr-has-died-by-suicide-he-cared-so-deeply-about-the-happiness-of-others

  37. Этот информационный материал собраны данные, которые помогут лучше понять текущие тенденции и процессы в различных сферах жизни. Мы предоставляем четкий анализ, графики и примеры, чтобы информация была не только понятной, но и практичной для принятия решений.
    Осуществить глубокий анализ – https://fliparas.com/marbella-mania-unleashing-the-boys-night-out

  38. Этот информационный материал привлекает внимание множеством интересных деталей и необычных ракурсов. Мы предлагаем уникальные взгляды на привычные вещи и рассматриваем вопросы, которые волнуют общество. Будьте в курсе актуальных тем и расширяйте свои знания!
    Ознакомиться с деталями – https://f5fashion.vn/thanh-pho-bi-mang-tieng-khong-ton-tai

  39. Мы предлагаем вам подробное руководство, основанное на проверенных источниках и реальных примерах. Каждая часть публикации направлена на то, чтобы помочь вам разобраться в сложных вопросах и применить знания на практике.
    Переходите по ссылке ниже – https://f5fashion.vn/duke-dennis-mugshot-and-criminal-record-is-he-in-jail

  40. Tysiące polskich użytkowników wybrało kasyno Slottica PL jako swoją platformę zaufania. Sprawdź samodzielnie, co nas wyróżnia spośród konkurencji. Rozpocznij swoją przygodę z nami jeszcze dziś!

  41. В этой статье собраны факты, которые освещают целый ряд важных вопросов. Мы стремимся предложить читателям четкую, достоверную информацию, которая поможет сформировать собственное мнение и лучше понять сложные аспекты рассматриваемой темы.
    Узнать напрямую – https://artmusicnet.de/hello-world

  42. В этой публикации мы предлагаем подробные объяснения по актуальным вопросам, чтобы помочь читателям глубже понять их. Четкость и структурированность материала сделают его удобным для усвоения и применения в повседневной жизни.
    Погрузиться в научную дискуссию – https://newerahtx.com/harnessing-the-power-of-the-sun

  43. Этот информационный материал собраны данные, которые помогут лучше понять текущие тенденции и процессы в различных сферах жизни. Мы предоставляем четкий анализ, графики и примеры, чтобы информация была не только понятной, но и практичной для принятия решений.
    Нажми и узнай всё – http://hotfiretol.cf/post/34

  44. Эта статья для ознакомления предлагает читателям общее представление об актуальной теме. Мы стремимся представить ключевые факты и идеи, которые помогут читателям получить представление о предмете и решить, стоит ли углубляться в изучение.
    Ознакомьтесь с аналитикой – https://encuadernavila.es/producto/libro-de-firmas-110-14

  45. Этот информативный текст отличается привлекательным содержанием и актуальными данными. Мы предлагаем читателям взглянуть на привычные вещи под новым углом, предоставляя интересный и доступный материал. Получите удовольствие от чтения и расширьте кругозор!
    Как достичь результата? – https://pozdrabook.ru

  46. В этом обзорном материале представлены увлекательные детали, которые находят отражение в различных аспектах жизни. Мы исследуем непонятные и интересные моменты, позволяя читателю увидеть картину целиком. Погрузитесь в мир знаний и удивительных открытий!
    Провести детальное исследование – https://www.fincas-mit-herz.de/modernes-pool-stadthaus-in-portocolom

  47. Этот информативный текст отличается привлекательным содержанием и актуальными данными. Мы предлагаем читателям взглянуть на привычные вещи под новым углом, предоставляя интересный и доступный материал. Получите удовольствие от чтения и расширьте кругозор!
    Секреты успеха внутри – https://f5fashion.vn/chia-se-59-ve-tranh-to-mau-ninjago

  48. Этот информационный материал собраны данные, которые помогут лучше понять текущие тенденции и процессы в различных сферах жизни. Мы предоставляем четкий анализ, графики и примеры, чтобы информация была не только понятной, но и практичной для принятия решений.
    Осуществить глубокий анализ – https://medianagames.wpxblog.jp/%E3%80%90%E3%82%BD%E3%82%A6%E3%83%AB%E3%82%B9%E3%83%88%E3%83%A9%E3%82%A4%E3%82%AF%E3%80%91%E5%88%9D%E5%BF%83%E8%80%85%E5%90%91%E3%81%91%E3%83%97%E3%83%AC%E3%82%A4%E9%96%8B%E5%A7%8B%E3%81%8B%E3%82%89

  49. Мы предлагаем вам подробное руководство, основанное на проверенных источниках и реальных примерах. Каждая часть публикации направлена на то, чтобы помочь вам разобраться в сложных вопросах и применить знания на практике.
    Ознакомиться с полной информацией – https://topic.lk/7460

  50. Этот информативный текст выделяется своими захватывающими аспектами, которые делают сложные темы доступными и понятными. Мы стремимся предложить читателям глубину знаний вместе с разнообразием интересных фактов. Откройте новые горизонты и развивайте свои способности познавать мир!
    Разобраться лучше – https://f5fashion.vn/8-canh-dong-hoa-oai-huong-noi-tieng-the-gioi

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>