如何使用Slim模板设置HTML5属性（如'required'）

我使用Slim模板语言来布置表单，并且想要将required属性添加到我的输入中。如何使用Slim模板设置HTML5属性（如'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脚本忽略。

我错过了什么？

来源

2013-08-01 Dave Sag

[这是否帮助？（https://github.com/slim-template/slim/issues/198） – Mike

号见https://github.com/slim-template/slim/issues/433 –

实际上[这个答案]（https://github.com/slim-template/slim/issues/433#issuecomment-21923391）几乎是它的钉子。显然attribute =“”等同于独立属性，所以纤细是正确的。这似乎是Zurb基金会框架中的一个错误，或者更可能是我自己的一些错误。 –

在你* .html.slim文件做：

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

需要注意的是空属性语法：

<input required>

等同于：

<input required="">

来源

2015-03-19 19:44:00

更多可读性将是：

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

来源

2016-07-27 12:14:14

如何使用Slim模板设置HTML5属性（如'required'）

回答

相关问题