bootstrap-css复选框禁用写入haml语法问题

时间:2016-11-21 13:50:24

标签: twitter-bootstrap haml

这是我在haml文件中写的:

错误:

.checkbox.disabled
  %label
    %input{type: "checkbox", value: "", "disable"}
      Option two is disabled
然后发现:

  

语法错误,意外的输入结束,期待tSTRING_DEND

右:

.checkbox.disabled
  %label
    <input type="Checkbox" value="" disabled>
      Option two is disabled

问题是:

  

我怎样才能使用haml语法而不是html语法编写?

感谢。

1 个答案:

答案 0 :(得分:0)

这里是语法 - 1 HAML 添加.disabled

.checkbox.disabled
 %input#checkbox-3{:name => "", :type => "checkbox"}/
 %label{:for => "checkbox-3"}

这里是语法 - 2 HAML 添加disabled属性

.checkbox
 %input#checkbox-3{:disabled => "disabled", :name => "", :type => "checkbox"}/
 %label{:for => "checkbox-3"}

两种语法都有效。它取决于你想要使用的CSS(类或属性)。所以我写了两个例子