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.
กฟหดฟหด
Stay ahead in the world of horse racing with Gallop News. Our platform provides the latest news on horse racing events across the UK. Enjoy in-depth race reviews from our experienced team. Whether you are a casual fan or a seasoned bettor Gallop News offers industry trends to enhance your horse racing experience. Subscribe and never miss an update from Gallop News