如何使用Slim模板设置"必需"之类的HTML5属性

Question

我正在使用Slim模板语言布局表单,并希望将该required属性添加到我的输入中.

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

但是,由此生成的HTML最终会成为

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

这不是我需要的.

我已经浏览了文档但是看不到Slim的任何方法来添加独立的html5属性.

同样,将data-abide属性添加到form标记(根据Zurb Foundation框架的要求)失败.

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

导致

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

Zurb脚本忽略了哪些.

我错过了什么？

Answer 1

在您的*.html.slim文件中执行以下操作：

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

请注意空属性语法：

<input required>

相当于：

<input required="">