如何使用超薄模板设置HTML5属性，如“required”

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="">

Answer 2

更具可读性的是：

= f.input :email, required: true, autofocus: true

Answer 3

使用这个：-

= text_field_tag :user_name，"XYZ"，只读: true，必需: true