How to set HTML5 attributes like 'required' using a Slim template

Question

I m laying out a form using the Slim template language and want to add the required attribute to my input.

input#first_name(required name="first_name" type="text" pattern="^[A-Z][a-z]+$")

However the HTML that is generated from this ends up being

 <input id="first_name" name="first_name" pattern="^[A-Z][a-z]+$" required="" type="text" />

And that's not what I need.

I've gone through the docs but can't see any way with Slim to add a standalone html5 attribute.

Likewise adding the data-abide attribute to the form tag (as required by the Zurb Foundation framework) fails.

form.custom(data-abide method="POST" action="/registration")

leads to

<form action="/registration" class="custom" data-abide="" method="POST">

Which the Zurb scripts ignore.

What am I missing?

[Does this help?](https://github.com/slim-template/slim/issues/198) — Mike, Aug 01 '13 at 02:17
Actually [this answer](https://github.com/slim-template/slim/issues/433#issuecomment-21923391) pretty much nails it. Apparently attribute="" is equivalent to the standalone attribute, so slim is correct. It seems to be a bug in the Zurb Foundation framework, or, more likely, some error in my own. — Dave Sag, Aug 01 '13 at 11:36
My solution has been to drop using Zurb Foundation and port my app to Bootstrap 3 — Dave Sag, Aug 02 '13 at 05:08

score 4 · Answer 1 · answered Mar 19 '15 at 19:44

4

In your *.html.slim file do:

input#first_name required="" name="first_name" type="text" pattern="^[A-Z][a-z]+$"

Note that empty attribute syntax:

<input required>

Is equivalent to:

<input required="">

answered Mar 19 '15 at 19:44

Cumulo Nimbus

score 1 · Answer 2 · answered Jul 27 '16 at 12:14

1

3 Answers3