HAML: Content input %input{:type“=>”}标签

Question

感觉很差劲。

这一点：

          %input{:type => "Submit"}
            %a.btn
              %i.icon-search.icon-white

生成以下内容：

          <input type="Submit">
          <a class="btn">
            <i class="icon-search icon-white"></i>
          </a>

其中：

          %div{:type => "Submit"}
            %a.btn
              %i.icon-search.icon-white

生成以下内容：

          <div type="Submit">
            <a class="btn">
              <i class="icon-search icon-white"></i>
            </a>
          </div>

如何获取：

          <input type="Submit">
            <a class="btn">
              <i class="icon-search icon-white"></i>
            </a>
          </input>

?？

谢谢

Answer 1

 <input type="Submit">
            <a class="btn">
              <i class="icon-search icon-white"></i>
            </a>
          </input>

根据W3C，此标记无效

Input是单行标记，它的结尾类似于下面的<input type="button" />。如果你想用按钮标记做同样的事情，你可以这样做

%button{type="button"}
  %a.btn
    %i.icon-search.icon-white

你会得到

<button class="btn btn-primary" type="button">
  <a class="btn">
    <i class="icon-search icon-white"></i>
  </a>

</button>